Display
Skeleton
Loading placeholder using the secondary surface. Opacity-only pulse, reduced-motion friendly.
Show codeHide code
"use client";
import { Skeleton } from "@/registry/lilt/ui/skeleton";
export default function SkeletonDemo() {
return (
<div className="flex w-full max-w-sm items-center gap-4">
<Skeleton className="size-12 rounded-full" />
<div className="grid flex-1 gap-2">
<Skeleton className="h-4 w-3/4" />
<Skeleton className="h-4 w-1/2" />
</div>
</div>
);
}Installation
npx shadcn@latest add @lilt/skeleton