Skeleton

Loading placeholders with a shimmer sweep or pulse, plus a ready-made paragraph.

2 files · 44 locdeps: clsx, tailwind-merge

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/skeleton.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs skeleton

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

<Skeleton className="size-10 rounded-full" />
<SkeletonText lines={3} />

Prop	Type	Default	Description
animation	"shimmer" \| "pulse" \| "none"	"shimmer"	Loading animation.