Hextech UI

Skeleton

Live example

Skeleton

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/skeleton.json

API reference

These are the main Skeleton options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
animatedbooleantrue
classNamestring—

Loading semantics

Skeleton is decorative and hidden from assistive technology. Give the surrounding region aria-busy while it loads and provide one status message. Set animated={false} for a static placeholder; the default pulse respects reduced-motion preferences.