SPINNERS is a collection of HTML and CSS "loading icon" animations which you can use on your website's landing page, on your apps or any other place you need to signal your visitors / users that is some content loading.

See on GitHub How to use

Single Element Spinners

Steps
Turn Circle
3 Blips
Spining Border
Square
Single Bleep
Square Corners
Hollow Circle
Knight Rider
Circle on Border
Blur
Round Square
Gradient

Multiple Element Spinners

3 Balls
Rectangles
Concentric
Fliping Stripes
3 Circles
2 Circles
round and round
different speeds
CYM
9
4x4

Want to participate?

If you have any ideas for new "spinners", on how to improve the ones already here, or even just to know more about the project...

Find on GitHub

How to use

choose

Click on the Spinner you would like to use.

copy

Copy the Spinner's HTML and CSS code.

paste

Paste it into your project and tweek it to your liking

Full instructions

Share with your friends