skeleton

9ui/skeleton

FreeComponent

9ui publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by 9ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://9ui.dev/r/skeleton.json

Source

ui/skeleton.tsx9ui.dev/r/skeleton.json

1import * as React from "react"
2 
3import { cn } from "@/lib/utils"
4 
5function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
6	return (
7		<div
8			data-slot="skeleton"
9			className={cn("bg-accent animate-pulse rounded-md", className)}
10			{...props}
11		/>
12	)
13}
14export { Skeleton }

Files it writes

src/components/ui/skeleton.tsx

More from 9ui

All 56 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
accordionaccordion	9ui	Components	Free	no deps
alertalert	9ui	Components	Free	no deps
alert-dialogalert-dialog	9ui	Components	Free	no deps
aspect-ratioaspect-ratio	9ui	Components	Free	no deps
autocompleteautocomplete	9ui	Components	Free	no deps
avataravatar	9ui	Components	Free	no deps
badgebadge	9ui	Components	Free	no deps
breadcrumbsbreadcrumbs	9ui	Components	Free	no deps