This is a fresh new collection of 10 best JavaScript and/or CSS libraries to create and display animated, customizable loading spinners and loading indicators when loading dynamic content into the page.
Originally Published Jan 3 2018, updated Mar 19 2019
1. css-loader
css-loader is a set of loading indicators / spinners built using single DIV element and pure CSS/CSS3. Useful to notify you of current loading state during a specific call to and from the server.
2. ispinner
ispinner is a lightweight CSS library that helps you display an iOS-style animated loading indicator while data in a specific area is loading.
3. Three Dots
Three Dots is a small CSS/CSS3 library that provides a set of 20 fancy animated loading spinners created with three dots.
4. LoadingSpinner.js
A vanilla JavaScript plugin to show a basic, animated, SVG-based loading spinner on the screen when needed.
5. 9 Minimal CSS Loading Spinners
Yet another collection of 9 minimal loading spinners created using pure CSS/CSS3.
6. favloader
favloader is a vanilla JavaScript plugin that replaces the favicon with a customizable loading spinner when needed.
7. kSpinners.css
The kSpinners.css library provides 4 cool animated loading spinners for modern web design.
8. text-spinners
text-spinners is a collection of 29+ CSS/CSS3 powered single element loading indicator for ajax requests and/or asynchronous operations.
9. SpinThatShit
SpinThatShit is a set of 12+ pure CSS single element loading spinners which can be used to indicate the content loading status in an elegant way. Fully customizable via SCSS.
10. Kaomos Button
Kaomos Button is a pure JavaScript Ladda Button web component that displays an inline loading indicator inside the action button when a certain action is triggered.
More Resources:
Searching for more JavaScript & CSS solutions to create loading & progress indicates on your ap?. Here are a few resources we found on the web: