Spinners & Loaders

Ring spinners, dot and bar loaders, in-button states and skeleton placeholders.

Progress
Ring

Sizes

From a 12px inline cue to a 40px page spinner.

xs
sm
md
lg
Tone

Colors

The glyph inherits currentColor, so any role token works.

Bounce

Dots

A three-dot pulse.

Equalizer

Bars

Five staggered columns.

In context

Buttons

Inline busy states.

Fetching latest activity…
Loading state

Skeletons

Shimmer placeholders that mirror the content they replace.

All skeletons
Variants

Shimmer · Pulse

Two animation styles.

Pulse opacity loop above, shimmer sweep elsewhere.