Skeleton

Placeholder shapes that mimic the structure of loading content. A CSS shimmer animation runs across each element to signal activity without resorting to a spinner. All skeleton elements are aria-hidden so screen readers skip them.


Basic shapes

Use circle, rect or length to pick the shape. Size is always controlled via the class prop.


Composition

Combine skeletons to mirror the layout of real components. The icon prop renders a faded placeholder icon inside a rect — useful for image or media cards.


Animation toggle

Set animated={false} to disable the shimmer — useful when displaying a static "empty" state or in tests.