Skeleton
uiable/skeletonFreeComponent
Skeleton component.
Live preview
live · rendered by the registry
Rendered by uiable on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://uiable.com/r/skeleton.jsonSource
1import { ComponentProps } from "react"23import { cn } from "@/lib/utils"45function Skeleton({ className, ...props }: ComponentProps<"div">) {6 return (7 <div8 data-slot="skeleton"9 className={cn("animate-pulse rounded-lg bg-background", className)}10 {...props}11 />12 )13}1415export { Skeleton }
Files it writes
More from uiable
All 747 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | uiable | Components | Free | 2 deps | |
| Accordion Basicaccordion-basic | uiable | Components | Free | no deps | |
| Accordion Bordersaccordion-borders | uiable | Components | Free | no deps | |
| Accordion Cardaccordion-card | uiable | Components | Free | no deps | |
| Accordion Disabledaccordion-disabled | uiable | Components | Free | no deps | |
| Accordion Flushaccordion-flush | uiable | Components | Free | no deps | |
| Accordion Multipleaccordion-multiple | uiable | Components | Free | no deps | |
| Alertalert | uiable | Components | Free | 1 dep |
