Family

Feedback

What the page says while it waits, and when there is nothing to show.

Components7

What to show when there is nothing yet: what this place is for, and the way to fill it.

One line saying a list came back empty, for a table, a list, or a popover.

The page-scale empty state: a status, a heading you can read across a room, and somewhere to go.

The smallest way to say something is happening, for a control that is working.

Words with a light moving across them, for the wait between asking and the first token.

A placeholder the shape of what is coming, so the page does not jump when it arrives.

A dot and a few words: operational, degraded, closed.

Each of these copies its source into your project, the same as any other component in the registry.

npx shadcn@latest add Tinkerers-Labs/mischief-ui/empty-state