Skeleton

Use to show a placeholder while content is loading.

The Skeleton component displays a placeholder shape while content is loading. It provides visual feedback to users that content is being fetched or processed. Built from scratch using React and native HTML elements. No dependencies on any UI library.

Quick Install

Install via shadcn/ui CLI

Examples

Default

Card Skeleton

Loading State Example