Skeleton

A loading placeholder that holds layout while content streams in. It is decorative by definition: the element is aria-hidden and marked aria-busy, so assistive tech announces a pending region without reading the empty bars. A faint shimmer sweeps the base tint (var(--surface-inset)); under prefers-reduced-motion the animation is dropped, leaving a static block. Three variants: text, rect, circle.

Text (default — 3 lines)

Text — custom line count

Rect

Circle (avatar)

Composed — a loading card