Saturation UIsaturation UI
DocsComponentsBlocks
⌘K

Getting Started

IntroductionInstallationTheming

Components

AccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendarCardChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDropdown MenuEmptyFieldGlow EffectInputInput GroupItemKbdMenubarNovel EditorPaginationProgressive BlurProgressSelectSheetSkeletonSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Components
/
Skeleton

Skeleton

Use to show a placeholder while content is loading.

Preview

Installation

npx shadcn@latest add https://ui.saturation.io/r/skeleton.json

Usage

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

Examples

Card

List

With Avatar

On This Page

  • Preview
  • Installation
  • Usage
  • Examples

Deploy your Saturation UI app

Build beautiful, saturated interfaces with our component library.

Deploy to Vercel for the best performance and developer experience.