UI / Components / data / Skeleton

Skeleton

Shimmering placeholder rows.

Skeleton loaders. Use anywhere data is loading. Animated shimmer respects `prefers-reduced-motion`.

$npx dock-ui add skeleton

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

<Skeleton className="h-4 w-32" />
<Skeleton className="h-20 w-full mt-2" />

via CLI

$ npx dock-ui add skeleton

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/skeleton.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.