Loaders

Spinners & the code marquee

Ten monochrome, single-purpose loaders. Every one inherits its colour from currentColor, so it takes on the ink of whatever surface it sits on.

CodeSpinner — the grid marquee

ThinkingLoading
LoadingLoadingLoadingLoading
On inkLoading
LoadingLoadingLoading

Loader — all variants

Loading
variant="ring"
Loading
variant="sweep"
Loading
variant="wedge"
Loading
variant="fade-ring"
Loading
variant="orbit-dots"
Loading
variant="trail"
Loading
variant="bars"
Loading
variant="bounce"
Loading
variant="squares"
Loading
variant="equalizer"
Loading
variant="wave"
Loading
variant="pulse-bars"

On ink — currentColor adapts

Loading
ring
Loading
sweep
Loading
wedge
Loading
fade-ring
Loading
orbit-dots
Loading
trail
Loading
bars
Loading
bounce
Loading
squares
Loading
equalizer
Loading
wave
Loading
pulse-bars

With labels

CompilingLoadingVerifying sessionLoadingUploadingLoading