Skeleton

Displays animated placeholder shapes while content is loading, giving users immediate visual feedback and making apps feel faster.

588 B

•

Updated on August 21, 2026

Installation

Bash

pnpm dlx shadcn@latest add @spaceui/primitives-skeleton

pnpm dlx shadcn@latest add @spaceui/primitives-skeleton

Code

import { Skeleton } from '@/components/ui/skeleton'

Code

<Skeleton className="size-10 rounded-full" />

This is a custom component, not a Base UI wrapper.

A simple div with animated pulse effect for loading states. Apply sizing and shape via className.

Skeleton only

On This Page

pnpm dlx shadcn@latest add @spaceui/primitives-skeleton