Docs
Skeleton

Skeleton

Skeleton component is designed to be used as a placeholder while content is loading. It offers a visually appealing representation of the expected content structure, providing users with a sense of the layout and size of elements that will appear once the data is fetched. Skeletons are commonly used to enhance the user experience during loading states, preventing a blank or jarring appearance and giving the impression that the interface is actively loading content.

Installation

yarn add @camped-ui/skeleton

Usage

import { Skeleton } from "@camped-ui/skeleton";
<Skeleton className="w-[100px] h-[20px] rounded-full" />