Blank space that still says something
Every list, table, and search eventually has nothing to show. EmptyState fills that space with an icon, a headline, and — most importantly — the next action. Write the description as guidance, not as a statement of absence: “Create your first project” beats “No projects found”.
Default
No messages yet
When someone sends you a message, it will show up here.
With an action
No projects
Create your first project to start organising work.
Bordered
The dashed container reads better inside a card, panel, or table body, where the empty region needs its own edge.
This table is empty
Rows you add will appear here.
Common patterns
No search results
No results for “quarterly”
Check the spelling, or try a broader search term.
Error recovery
Could not load your data
Something went wrong on our end. Try again in a moment.
First run, two paths forward
No teammates yet
Invite people to collaborate, or import them from your directory.
Compact
A smaller icon and tighter padding, for sidebars and dense panels.
Nothing to catch up on
New notifications will land here.
Without an icon
The icon is optional — text alone suits dense layouts.
Nothing here yet
Items you add will appear in this list.