skeleton

ui

Used to show a placeholder while content is loading.

Use cases

Loading placeholders
Content shimmer effects
Perceived performance improvement
Layout preservation during load

Features

Pulse animation
Composable shapes (circles, rectangles, text lines)

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/skeleton

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/skeleton

Source

components/ui/skeleton.tsx