CSS Loader Generator
Generate animated CSS loading spinners.
Ring
Dual ring
Gradient arc
Two tone
Dashed ring
Dotted ring
Drawing arc
Orbit
Double orbit
Triple orbit
Segments
Comet
Pinwheel
Yin yang
Swirl
Glow ring
Eclipse
Gear
Google style
Atom
Clock
Radar
Spiral dots
Chase
Bounce
Fade
Scale
Wave
Flow
Typing
Orbiting dots
Circle of dots
Dot grid
Swap
Train
Jumping ball
Newton cradle
Ellipsis
Rainbow dots
Breathing dots
Magnet
Equaliser
Stretch
Bar wave
Flipping bars
Skewed bars
Scanner
Ladder
Metronome
Dominoes
VU meter
Blinds
Heart line
Stacking bars
Cross bars
Elastic bars
Pulse
Ripple
Ping
Radar sweep
Heartbeat
Glow orb
Sonar
Halo
Square pulse
Triple pulse
Bubbles
Shockwave
Morphing blob
Aurora
Flip square
Rotating cube
Folding squares
Grid fade
Square orbit
Triangle
Hexagon
Diamond stack
Plus
Carousel
Hourglass
Card flip
Stairs
Windmill
Tetris
Indeterminate bar
Striped bar
Gradient sweep
Dotted track
Segmented
Skeleton lines
Skeleton card
Circular progress
Counting ring
Battery
Wi-Fi
Upload arrows
Pac-man
DNA
Rocket
Walking dots
Blinking eyes
Flipping coin
Wheel
Sleeping Z
Domino fall
Loading text
Sand timer
Neon equaliser
Matrix rain
Vinyl
Balloons
Success check
Infinity
Elastic rope
115 loaders, all pure CSS — no images, no JavaScript. Click any one to resize it, recolour it and copy the CSS with its markup.