Primitive

Skeleton

Structural loading atom for educational and product placeholders.

Skeletons should preserve the shape of pending content. Avoid using them as decorative shimmer blocks.
feedback
DOM renderImage render
SkeletonDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Text and block skeletons.
Render state

Avatar

Compact identity placeholder.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
widthnumber | string100%Rendered skeleton width.
heightnumber | string12Rendered skeleton height.