10 Best Loading Spinner/Indicator JavaScript & CSS Libraries For 2019

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 Jan 3 2019

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


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

4. Rocket-Loader

Simple Lightweight JavaScript SVG Loader Library – Rocket-Loader

Demo Download

Rocket-Loader is a simple, lightweight javascript library that uses SVG icons to generate an animated loading spinner on a given container.

5. mk-spinners

Pure CSS Loading Indicator Collection – mk-spinners

Demo Download

mk-spinners is a fresh new collection of cool animated loading indicators/spinners created using pure CSS/SASS. Currently comes with 5 loading spinners and more will come soon.

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

7. material-loading

Basic Loading Screen For Material Design Lite – material-loading

Demo Download

The material-loading lets you create a fullscreen loading screen for official Material Design Lite framework.

8. loadingOverlay.js

Configurable Loading Spinner With Pure JS – loadingOverlay.js

Demo Download

loadingOverlay.js is a standalone JavaScript library to create a configurable loading spinner (overlay) with spin handles support.

9. LoadLab

16 Animated CSS3 Loaders – LoadLab

Demo Download

Yet another CSS loader collection that provides 16 animated loading indicators/spinnersbased on CSS3 animations and plain HTML structure.

10. contextLoader

Facebook-like Context Loader In Pure JavaScript – contextLoader

Demo Download

Yet another JavaScript library which applies a Facebook-inspired animated context loader/placeholder to any container element you specify.

You Might Be Interested In: