Studiov0.6.0

Skeleton

Tier 1 — shadcn
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