Skeleton

A shimmering placeholder in the shape of the content that is coming.

<Skeleton className="h-4 w-40" />

Build the placeholder out of the real layout rather than a generic block, so nothing jumps when the data lands.

Loading project…

Skeleton is a shape and nothing else. Announcing the wait is the wrapper's job: role="status" plus a sr-only label, with the placeholder itself aria-hidden.

API

Plus every <div> prop. Source: skeleton/components/skeleton.tsx.