Skip to content

ComponentsSkeleton

Components

Skeleton

Loading placeholders: 1em bars with a sheen, shapes, and SkeletonGroup motion (lockstep / wave / sweep) with a delayed reveal.

Skeleton

Standalone: role=status + sr-only “Loading”, alpha base (white 7.5% | black 5%), 2s sheen; static under reduced motion.

Shapes
Loading
Loading
Loading
Loading
Text Loading inline

SkeletonGroup

One status for the group; children are aria-hidden bars.

lockstep (breathe 1 ↔ .6)
Loading
wave (90ms stagger)
Loading
sweep (one band)
Loading
hold delayed (.5s, then 150ms fade)
Loading

Layouts

Transcript
Loading
Library rows
Loading
Loading
Loading
Loading
Loading