SPINNERS is a collection of HTML and CSS "loading icon" animations which you can use on your websites, on your apps or on any other place you need to signal your visitors / users that some content is 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
2 rotating squares
3D circles
Jumping balls
Sequence balls
turning circles

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