Please note that all the loading spinners listed here are animated with CSS3 so they should be able to work nicely in modern browsers which support CSS3 properties like transitions, transforms, @keyframes, animations, etc. Let’s check them out!
Jun 11, 2018 Update:
CSS loading animations made by single element.
Mar 29, 2018 Update:
Facebook inspired content preloader with pure CSS.
Feb 13, 2018 Update:
A collection of colorful pure CSS Spinners.
July 17, 2017 Update:
Just another CSS only loading spinners and page loaders.
May 31, 2017 Update:
small, elegant pure css spinner for ajax or loading animation.
Apr 28, 2017 Update:
Mar, 10, 2017 Update:
Nov 20, 2106 Update:
CSS Spinners and Loaders – Modular, Customizable and Single HTML Element Code
Nov 10, 2106 Update:
Single Element Pure CSS Spinners & Loaders.
Oct 21, 2016 Update:
A couple of simple examples of loaders using only one div and CSS.
Sept 29, 2016 Update:
Pure text, CSS only, font independent, inline loading indicators.
A set of SCSS mixins for single element loaders and spinners
Sept 27, 2016 Update:
SPINNERS is a collection of HTML and CSS Spinners, which are animations that show the user that some content is being loaded.
Sept 23, 2016 Update:
Aug 02, 2016 Update:
Pokemon go loaders in pure CSS.
July 13, 2016 Update:
Cool spinners or loaders with pure CSS.
June 22, 2016 Update:
STYLED & ANIMATED WITH PURE CSS
Pure css loading animations.
A collection of animated reloaders built with CSS Animation and Keyframes.
pure css loaders.
Pure CSS spinner like iOS UIActivityIndicatorView
Tumblr-style cog loading animation made with CSS and SVG icons