Toggle Sidebar B
AppearanceLight & dark mode D

Skeleton

Animated placeholder block. Build loading states by stacking Skeletons in the rough shape of the eventual content.

Default

Single block.

Replay preview

Avatar

A round media block beside two lines of text.

Replay preview

Card

Mimic the shape of a card-style item.

Replay preview

Text

Stacked lines with a shorter last line, like a paragraph.

Replay preview

Form

Label and control pairs plus a submit button.

Replay preview

Table

Repeat a row of blocks to stand in for tabular data.

Replay preview

API Reference

Skeleton

PropTypeDefaultDescription
classstringWidth, height, radius. Default is bg-muted with pulse animation.