Back to snippets
CSSMotion

Animated Loaders

Three steel-themed loading treatments built from pure CSS utilities — a row shimmer, progress bar, and text skeleton stack.

Preview

Row shimmer

CSS only

A pill-shaped loader with a subtle scan-line sweep.

pattern-row-loader + pattern-scan-line

Progress bar

CSS only

A looping progress track that feels at home with steel surfaces.

pattern-row-progress

Skeleton stack

CSS only

Stacked text skeletons with staggered scan-line delays.

Skeleton with staggered delays