All components

Skeleton

Loading placeholder shapes.

Full API on ui.shadcn.com

Default

<div className="flex items-center gap-4">
  <Skeleton className="h-10 w-10 rounded-full" />
  <div className="space-y-2">
    <Skeleton className="h-4 w-48" />
    <Skeleton className="h-4 w-36" />
  </div>
</div>