Skeleton

Edit the code — the preview updates live. Try changing props, text, or classes.

render(
  <div className="flex w-full max-w-xs items-center gap-3">
    <Skeleton className="h-12 w-12 rounded-full" />
    <div className="flex-1 space-y-2">
      <Skeleton className="h-4 w-3/4" />
      <Skeleton className="h-4 w-1/2" />
    </div>
  </div>
)

Copy the source into your project with the registry CLI:

Or install the package and import it:

Import Skeleton from "@stacklyui/ui" and compose it as shown in the playground above. Every interactive primitive is built on Radix, so keyboard navigation, focus management, and ARIA are handled for you.