← Docs

Recipe: Skeleton loader patterns

Pulse-placeholder layouts that mirror final content shape, reducing perceived latency during data fetches.

Card grid skeleton

List row skeleton

Text block skeleton

Use animate-pulse on a container with placeholder blocks sized to match your live layout. Swap the skeleton out once data resolves.