Studiov0.6.0

Skeleton

Tier 1shadcn
Feedback

Placeholder shimmer shapes that mirror real content during loading.

Live Preview

Code

import { Skeleton } from "@regen/ui";

<Skeleton />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • Content loading placeholders
  • Table row skeletons
  • Card loading states

Do

  • Match the shape and size of the content it replaces
  • Animate automatically (built-in)

Don't

  • Don't use for button loading — use Spinner inside Button
  • Don't overuse — 3-4 skeleton lines is enough