Animated loaders for React and shadcn/ui. Zero dependencies, pure CSS animation, no Tailwind required. Install with the shadcn CLI or copy one file.
Loose particles settle into a grid, pause, and drift apart.
Three intersecting paths. Endless motion.
Bars grow from a baseline in sequence, settle to new values, then clear.
Two bodies in a shared little universe.
Three dots take turns rising and landing.
Nine fixed-size dots breathe through the space between them.
Translucent bubbles drift through smooth loops while their sizes breathe.
Two dots chase around a circle, growing and shrinking.
Three evenly spaced dots chase around a circle, growing and shrinking in sequence.
A continuous fading arc sweeps around a circular track.
Bright signals travel along three quiet circuit tracks.
A dotted outline shifts from circle to triangle to square.
Sand slips between two chambers before the hourglass turns over.
A square softens into a circle and turns back into shape.
Packets flow through four parallel tracks, brightening at the center.
A shimmer sweeps across four dotted text lines, revealing each dot as it passes.
A bright band travels down each column, then moves to the next.
A bright head pulls a tapered trail around its orbit.
A broad diagonal band smoothly brightens and fades across fixed square cells.
A diagonal light band sweeps across a fixed square matrix.
Three segments sweep around a turning ring one after another, then unwind in the same direction.
A smooth wave rolls across a dot matrix, lighting the area beneath its crest.
A needle sweeps a dotted dial, lighting the dots up to the current reading.
A radar outline shifts as dotted spokes extend and retract to new values.
A scatter of dots drifts in to hug a trend line, then loosens again.
Three dotted lines flow in layers, fading with depth like a multi-series chart.
A lead dot draws a smooth sparkline that trails behind it and fades away.
Five dots flow across a line, growing at the center and fading at the edges.
A circle of dots passes a soft light around its edge.
Two concentric arcs rotate in opposite directions.
Two paths that meet, then drift apart.
Five rounded bars rise and fall in a smooth, flowing wave.
Three rings expand outward and dissolve.
Twelve radial spokes brighten in sequence.
Two particles weave through a continuous infinity loop.
A broad, eased brightness wave flows top to bottom across fixed square cells.
A broad, eased brightness wave flows right to left across fixed square cells.
A broad, eased brightness wave flows left to right across fixed square cells.
A broad, eased brightness wave flows bottom to top across fixed square cells.
Four tiles fold and unfold in a continuous clockwise sequence.
Two halves, perfectly out of step.
Rows of tiles slide in opposite directions on an endless conveyor.
A soft diagonal band sweeps across a faint dot matrix, swelling each dot as it passes.
Nine points. One steady heartbeat.
Tiles fill in reading order, hold, and fade for the next pass.
A soft ripple across a field of square cells.
An orderly grid with a playful rhythm.
A little light taking the scenic route.