Empty

Empty is what a screen shows when there is nothing to show: an icon, a title stating what is missing, one line on why that is fine, and an action for what to do next, in that order. Reach for it wherever a list, search or page can legitimately come back with zero results.

Why it is built this way

An empty state is the one screen where the interface has the reader's full attention, so the order is deliberate: the title says what is missing without apologising for it, the line underneath explains why, and the action is the one way out rather than a menu of choices. The icon always renders, defaulting to a generic glyph, because a bare title with nothing above it reads as a failed render rather than an intentional empty state.

Install

tanstack add https://adamjurek.com/r/tanstack/empty.json

pnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/empty.json

pnpm add @sushindustries/ui @sushindustries/atoms

What you get