Loading Spinners

Loaders.cssDelightful and performance-focused pure css loading animations.

Ball Pulse
Ball Grid Pulse
Ball Clip Rotate
Ball Clip Rotate Pul
Square Spin
Ball Clip Rotate Mul
Ball Pulse Rise
Ball Rotate
Cube Transition
Ball Zig Zag
Ball Zig Zag Deflect
Ball Triangle Path
Ball Scale
Line Scale
Line Scale Party
Ball Scale Multiple
Ball Pulse Sync
Ball Beat
Line Scale Pulse Out
Line Scale Pulse Out
Ball Scale Ripple
Ball Scale Ripple Mu
Ball Spin Fade Loade
Line Spin Fade Loade
Triangle Skew Spin
Pacman
Ball Grid Beat
Semi Circle Spin

Spin Kit

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

Whirl LoadersBased on modern CSS3 animations and ready to be used in Cards

standard

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

traditional

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

double-up

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

duo

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

blade

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

ringed

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

helicopter

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

line

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

line grow

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

line back-and-forth

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

line back-and-forth grow

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

sphere

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

sphere vertical

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

bar

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

bar follow
shadow

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

shadow oval

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

shadow oval right

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.

no-overlay

Suspendisse cursus, nisi eu aliquam ultricies, orci augue auctor mi, quis egestas nibh erat vitae justo.