UI — display

Skeleton

Shimmering placeholder in three flavours: text (1em tall, small radius), circle (avatar-shaped), and rect (arbitrary box). Reuses the global @keyframes shimmer.

Sourcesrc/components/ui/skeleton.tsx

Variants

Each variant produces the same shimmer; the shape and default height differ.

Loading card

Compose the variants to mirror the layout you're loading — avatar + two text lines + media block.

Inline list

Repeat text-variant skeletons of different widths to fake organic line lengths.