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>
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>
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.