Skeleton

A placeholder loading indicator that mimics the shape of content before it loads. Supports text, circular, rectangular, and rounded variants.

Variants

Four shape variants to match different content types.

Text

Circular

Rectangular

Rounded

Card loading example

Compose skeletons to create realistic loading states for cards and other complex layouts.