GitHub

Skeleton

A skeleton is a component that displays a loading state.

Docs API

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/skeleton.json

Usage

import { 
  Skeleton,
  SkeletonCircle,
  SkeletonText,
} from "@/components/ui/skeleton";
<div className="flex w-full items-center gap-5">
  <SkeletonCircle className="size-16" />
  <SkeletonText lines={3} />
  <Skeleton className="h-16 w-full" />
</div>