Motion Library ‹ Free tools

All animations / Loaders

Loaders

Waiting states: spinners, skeletons, progress bars and dots. 4 animations.

Loaders

Spinner ring

The classic loading ring: a circle with one coloured edge that rotates forever.

CSSBeginner
Loaders

Skeleton shimmer

Grey placeholder shapes with a light band sweeping across, standing in for content that is still loading.

CSSBeginner
Loaders

Striped progress bar

A determinate progress bar that fills smoothly, with moving diagonal stripes to show activity.

CSSJavaScriptBeginner
Loaders

Bouncing dots

Three dots bounce in sequence, the familiar typing or thinking indicator.

CSSBeginner