Stunning examples of CSS loaders

Stunning examples of CSS loaders

Using modern CSS techniques, it has never been easier to create any kind of a loader/spinner. This article showcases over 40 different techniques and styles.


CSS Loaders


A nice collection, with demos and source code, of 8 different loader styles.
More info/View sources

Spinkit loaders


10+ pure CSS loaders, easy to integrate in any kind of site.
More info/View sources

Loaders and Spinners


An extensive collection of loaders and spinners, some pure CSS and some CSS/jQuery. Awesome in any case!
More info/View sources

CSSLoad


Probably the most complete library of the genre available on the internet, cssload.net is an entire website dedicated to loaders of all kind.
More info/View sources

Loaders.css


Delightful and performance-focused pure css loading animations. Over 25 different styles to choose from.
More info/View sources

Text Spinners


This project tries to mimic command line spinners like those from cli-spinners (where most of them are taken from) and bring them to the web.
More info/View sources

SpinThatShit


SpinThatShit is a set of SCSS mixins for single element loaders and spinners.
More info/View sources

Cleanest CSS spinner, ever


An oldie, but goldie: In this short tutorial you’ll learn how to easily create a clean CSS spinner. Tested in Chrome, Firefox, Safari, IE10. Should degrade gracefully on IE9 (spinner should look fine, just no animation).
More info/View sources

Enjoyed this article? Please consider donating: 3FVR5qaxYV8yAgNUUS7FC3o8c54YfDR5zK