Spinners Spinners

Simple loading spinners animated with CSS

SpinKit uses CSS animations to create smooth and easily customizable animations. You have to note that spinners use CSS3 animation.

Grab the HTML and CSS for a spinner and include it in your project. Note that a hidden spinner (opacity: 0, or visibility: hidden) will still animate. After hiding a spinner, it's recommended to remove it from the DOM, set display: none or pause the animation by setting animation-play-state: paused.

Rotating plane
Double bounce
Wave
Wandering cubes
Pulse
Chasing dots
Three bounce
Circle
Cube grid
Fading circle