Skeleton

glasswave/skeleton

FreeComponent

Placeholder to show while content is loading.

Live preview

live · rendered by the registry

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

Install it

npx shadcn@latest add https://glasswave.denizisik.com/r/skeleton.json

Source

registry/glasswave/ui/skeleton.tsxglasswave.denizisik.com/r/skeleton.json

1import { cn } from "@/lib/utils";
2 
3function Skeleton({
4  className,
5  ...props
6}: React.HTMLAttributes<HTMLDivElement>) {
7  return (
8    <div
9      className={cn(
10        "animate-pulse rounded-[32px] bg-gray-200 dark:bg-white/10",
11        className,
12      )}
13      {...props}
14    />
15  );
16}
17 
18export { Skeleton };

Files it writes

registry/glasswave/ui/skeleton.tsx

More from glasswave

All 60 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	glasswave	Components	Free	2 deps
Alertalert	glasswave	Components	Free	1 dep
Alert Dialogalert-dialog	glasswave	Components	Free	1 dep
Aspect Ratioaspect-ratio	glasswave	Components	Free	1 dep
Avataravatar	glasswave	Components	Free	1 dep
Badgebadge	glasswave	Components	Free	1 dep
Breadcrumbbreadcrumb	glasswave	Components	Free	2 deps
Buttonbutton	glasswave	Components	Free	2 deps