AISoon
shadcn/ui
Accordion
Alert
Alert Dialog
Avatar
Badge
Breadcrumb
Button
Card
Carousel
Checkbox
Collapsible
Data Table
Dialog
Dropdown Menu
Form
Hover Card
Input
Input OTP
Label
Pagination
Popover
Progress
Radio Group
Resizable
Scroll Area
Select
Separator
Sheet
Skeleton
Slider
Switch
Table
Tabs
Textarea
Toggle
Toggle Group
Tooltip
CalendarSoon
ComboboxSoon
CommandSoon
Context MenuSoon
Date PickerSoon
DrawerSoon
MenubarSoon
Navigation MenuSoon
SonnerSoon
ChartsSoon
MDXSoon
Add-ons
Auto Resize
File UploadSoon
Motion Panel
Segmented Control

Skeleton

Use to show a placeholder while content is loading.

Built with:

React.js
TypeScript
Tailwind CSS

Loading...

Contents

Installation
Usage
Examples
Card

Ads

Installation

Loading...

Usage

<Skeleton />

Examples

Card

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Skeleton | Pure UI