Skeleton
A placeholder on the sunken surface that holds the shape of content while it loads. It pulses, and holds still under reduced motion.
bunx --bun shadcn@4.17.0 add @waimakers/skeleton- npm dependencies
- None
From the registry
Loading placeholder on the sunken surface; honours reduced motion.
Examples
Shapes
Size and round it to match what will arrive, so nothing jumps when it does.
Loading a record
A loading row for an agent: avatar, name and a status. Wrap it in a status region with a name.