Skeleton
A loading placeholder swept by a specular highlight, the way light glides across tilted glass.
Install
$ pnpm dlx shadcn@latest add https://vitrumui.vercel.app/r/skeleton.jsonExamples
Default
"use client";
import { Skeleton } from "@/components/ui/skeleton";
export function SkeletonDemo() {
return (
<div className="flex w-full max-w-sm items-center gap-4">
<Skeleton className="size-12 rounded-full" />
<div className="flex flex-1 flex-col gap-2.5">
<Skeleton className="h-4 w-3/4" />
<Skeleton className="h-4 w-1/2" />
</div>
</div>
);
}