This is a collection of loading spinners animated with CSS.
Each spinner consists of a single div with a class of loader and content text of "Loading...". The text is for screen readers and can be used as a fallback state for older browsers.
The aim of this project was to create a set of minimal loading spinners that are visually appealing and also convey their intended meaning.
A strict limit of one element per loader (not including pseudo-elements) was placed on this project based on the belief that something as simple as a loader doesn't deserve more.
Each loader is given a font size in pixels and all other sizes are in ems so to change the size of a loader, just adjust the font-size.
css-loaders alternatives and similar libraries
Based on the "Loading Status" category.
Alternatively, view css-loaders alternatives based on common mentions on social networks and blogs.
NProgress9.2 0.0 L4 css-loaders VS NProgressFor slim progress bars like on YouTube, Medium, etc
SpinKit8.9 0.0 css-loaders VS SpinKitA collection of loading indicators animated with CSS
pace8.7 2.5 css-loaders VS paceAutomatically add a progress bar to your site.
Spin.js7.7 0.0 L4 css-loaders VS Spin.jsA spinning activity indicator
progressbar.js7.5 0.0 L4 css-loaders VS progressbar.jsResponsive and slick progress bars
Ladda7.3 0.0 css-loaders VS LaddaButtons with built-in loading indicators.
nanobar5.0 0.0 L5 css-loaders VS nanobarVery lightweight progress bars. No jQuery
PageLoadingEffectsModern ways of revealing new content using SVG animations.
topbar2.3 0.0 css-loaders VS topbarTiny & beautiful site-wide progress indicator
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of css-loaders or a related project?