An open-source collection of monochrome loaders (loading spinners) built with pure CSS and one
Each loader is built with pure CSS and one
div element. CSS variables can be used to customize size, color, and animation properties of the loaders.
All loaders are designed on a
24px grid and are fully scalable. The color palette is monochrome, so you can easily customize their look to match your brand.
Even though each loader is built with a single
div element, it is recommended to add the
role="status" attribute and a hidden child element with the loader description to make sure it is accessible for screen readers. Example: https://jsfiddle.net/Lvunp5dh/3/.