Skip to content
Perimeter Style

Skeleton

A placeholder loading animation for content that is loading.

Usage

tsx
import { Skeleton } from "@/components/ui/skeleton";

<Skeleton width="100%" height="1rem">...</Skeleton>
<Skeleton width="100%" height="1rem">...</Skeleton>

Light

Dark

Default

Metrics

Perimeter Api

Skeleton Controls

width
height

Examples

Card Skeleton

User Profile Skeleton

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/skeleton

Search

Search for components, templates, and more.