10 Best Loading Spinner/Indicator JavaScript & CSS Libraries (2020 Update)

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

Demo Download

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

Demo Download

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

Fancy Three-dots Loading Spinners With Pure CSS – Three Dots

Demo Download

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

Minimal SVG Loading Spinner In Pure JS - LoadingSpinner.js

Demo Download

A vanilla JavaScript plugin to show a basic, animated, SVG-based loading spinner on the screen when needed.


5. 9 Minimal CSS Loading Spinners

Minimal CSS Loading Spinners

Demo Download

Yet another collection of 9 minimal loading spinners created using pure CSS/CSS3.


6. favloader

Replace Favicon With A Loading Indicator In The Browser Tab - favloader

Demo Download

favloader is a vanilla JavaScript plugin that replaces the favicon with a customizable loading spinner when needed.


7. kSpinners.css

4 Animated CSS Loading Spinners - kSpinners.css

Demo Download

The kSpinners.css library provides 4 cool animated loading spinners for modern web design.


8. text-spinners

text-spinners

Demo Download

text-spinners is a collection of 29+ CSS/CSS3 powered single element loading indicator for ajax requests and/or asynchronous operations.


9. SpinThatShit

12+ Pure CSS/SCSS Loading Indicators – SpinThatShit

Demo Download

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

Ladda Button Component In JavaScript - Kaomos Button

Demo Download

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:

You Might Be Interested In: