Skip to content
Component

Skeleton

Pulsing placeholder for not-yet-loaded content. Compose text/block/circle primitives into realistic loading states.

Text lines

Profile row

Card

Dashboard statistics

Table rows

  • animate-pulse is disabled automatically under prefers-reduced-motion

API reference

variant"block"
"text" | "block" | "circle"

Shape of the loading placeholder.

width / heightNone
CSS via className or style

Size the placeholder to its final content.

classNameNone
string

Additional classes applied to the component root.