Skeleton

registry/examples/skeleton-demo.tsx

import { Skeleton } from "@/registry/ui/skeleton"

export default function SkeletonDemo() {

Installation


pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nusa-ui.vercel.app/r/skeleton.json

import { Skeleton } from "@/components/ui/skeleton"

<Skeleton className="h-[20px] w-[100px] rounded-full" />

registry/examples/skeleton-card.tsx

import { Skeleton } from "@/registry/ui/skeleton"

export default function SkeletonCard() {

The Skeleton component accepts all standard div props plus Tailwind classes for sizing and styling.

Prop	Type	Default	Description
`className`	`string`	-	Additional CSS classes