sepro / prokaryote-loader

An animated loader with a microbial theme.

Animated loading web component

Animated loader (built using stencil and gsap) that can easily be dropped into existing projects. Check out our DEMO

<prokaryote-loader></prokaryote-loader>

Optionally a message can be included:

<prokaryote-loader message="Loading... Please wait..."></prokaryote-loader>

Usage

Get the latest build from here, add it to your web project (here in the folder js) and load prokaryote-loader.js in the html page header.

<script src="./js/prokaryote-loader.js"></script>

Throughout the page you can now include loading animations using the prokaryote-loader tag.

<prokaryote-loader message="Loading... Please wait..."></prokaryote-loader>

Acknowledgements

This library was initiated as a personal, hobby project to combine GSAP with Stencil.js. Prokaryote-loader is now further developed at KULeuven and VIB where it is also included in other (upcoming) software projects.