Skeleton

Packed Skeleton — warm, token-driven UI on sand surfaces.

Preview

Install

bunx shadcn@latest add https://ui.trypacked.dev/r/skeleton.json

Source

components/ui/skeleton.tsx

import type * as React from "react";

import { cn } from "@/registry/lib/utils";

function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="skeleton"
      className={cn(
        "animate-pulse rounded-md bg-surface-sunken motion-reduce:animate-none",
        className,
      )}
      {...props}
    />
  );
}

export { Skeleton };

Registry dependencies

@packed/utils

Files

registry/ui/skeleton.tsx → components/ui/skeleton.tsx