Skeleton

Use to show a placeholder while content is loading.

Loading example…

Installation

bunx --bun shadcn@latest add @sui/skeleton

Install with the shadcn CLI or use the shared @workspace/ui package. Follow the installation guide to configure the registry, load styles, and choose import aliases.

Usage

import { Skeleton } from "@workspace/ui/components/skeleton"
<Skeleton className="h-[20px] w-[100px] rounded-full" />

Avatar

Loading example…

Card

Loading example…

Text

Loading example…

Form

Loading example…

Table

Loading example…

RTL

To enable RTL support in shadcn/ui, see the RTL configuration guide.

Loading example…