Feedback

Skeleton

A stippled placeholder that shimmers one pixel at a time.

npx shadcn@latest add https://ui.netm8.com/r/skeleton.json

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

export default function SkeletonDemo() {
  return (
    <div className="flex w-64 items-center gap-4">
      <Skeleton className="size-10" />
      <div className="grid flex-1 gap-2">
        <Skeleton className="h-3 w-3/4" />
        <Skeleton className="h-3" />
      </div>
    </div>
  )
}