Skeleton — Gradient

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.

A typewriter skeleton loading placeholder — code lines fill in left to right, character by character, across a code-block card 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 outline skeleton loading placeholder — wireframe shapes fill in one after another across an article card while content loads. Token-driven, design-system agnostic, with dark mode and reduced-motion support.