Skeleton — Typewriter

A cascade skeleton loading placeholder — a highlight wave sweeps thumb by thumb across a media grid while content loads. Token-driven, design-system agnostic, with dark mode and reduced-motion support.

A layered skeleton loading placeholder — a dashboard stat card whose depth layers fade in one after another (header, then the stat line, then the sub-line, then the chart bars left to right) in a continuous loop. Token-driven, design-system agnostic, with dark mode and reduced-motion support.

An elastic skeleton loading placeholder — profile-card shapes spring in with an overshoot bounce, staggered top to bottom, looping continuously while content loads. Token-driven, design-system agnostic, with dark mode and reduced-motion support.

A shimmer skeleton loading placeholder — a highlight band sweeps left to right across a social-post card while content loads. Token-driven, design-system agnostic, with dark mode and reduced-motion support.