126 Beautiful & Creative Loaders In CSS/CSS3

This is a set of 126 beautiful, creative, animated loading spinners for content loaders, page preloaders, skeleton loaders (screens).

Written in pure CSS and easy to implement with a single element.

How to use it:

1. Load the main stylesheet in the document.

<link rel="stylesheet" href="css/styles.css" />

2. Add loaders to the page.

<span class="loader-1"></span>
<span class="loader-2"></span>
<span class="loader-3"></span>
...
<span class="loader-126"></span>

Previews:

Skeleton Loaders

Text Loaders

Icon Loaders

Lines Loaders

Square Loaders

Dots Loaders

Circle Loaders