Component
Skeleton
Pulsing placeholder for not-yet-loaded content. Compose text/block/circle primitives into realistic loading states.
Text lines
Profile row
Card
Dashboard statistics
Table rows
- animate-pulse is disabled automatically under prefers-reduced-motion
API reference
shape"block"
"circle" | "text" | "block"What the placeholder stands in for: a line of text, a panel, or an avatar.
Also accepts everything from React.HTMLAttributes<HTMLDivElement>.
Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent