Tailwind loaders

The timeless rotating-border spinner, refined with a subtle base ring for depth.

Three colored dots that bounce in a staggered rhythm, perfect for inline status indicators.

Two concentric rings expand and fade in alternation, creating a sonar-like pulse.

A single square that rotates and morphs its border-radius in a hypnotic wave pattern.

Two stacked placeholder bars with a soft sweeping highlight that signals content is on its way.

A slim pill track with a colored segment that slides endlessly from left to right — perfect for progress feedback.

Three colored dots circle a central point at staggered phases, like electrons tracing an orbit.

Two counter-rotating waves slosh inside a circular vessel, creating a hypnotic liquid-fill illusion.

A purple hexagon (via clip-path) that flips on its Y axis while bouncing — geometric and modern.

A conic gradient masked into a thin ring that rotates — a more colorful alternative to the classic spinner.

Classic norm rotating ring spinner in blue.

Three bouncing dots in ocean colors with staggered timing.

A blue disc that pulses in size and emits an expanding ring.

Five-bar audio equalizer in ocean colors with staggered heights.

Norm shimmering text placeholder blocks on a slate surface.

Norm shimmering card placeholder blocks on a slate surface.

Blue-tinted skeleton bars that pulse opacity in sequence.

Skeleton bars with an ocean gradient wave sweeping across.

Loading avatar with a rotating ocean conic gradient + text lines.

Two concentric rings spinning in opposite directions in ocean colors.

Thin ocean arc spinner — one element, drawn by a conic gradient and cut to a ring with a radial mask.

Five blue bars pumping out of phase — the compact "still working" indicator for inline use.

Three ocean dots swelling in sequence — the quietest loader that still reads as motion.

Full card placeholder — avatar, heading and three text lines — sweeping blue in one shared animation.