Navigation & Inputs · Data Display
Empty State
also known as Blank state, Zero state
An empty state is the design shown when a view has no data, such as an empty inbox or no search results. Rather than a blank screen, it explains why nothing is there and guides the user toward a next action. Good empty states turn a dead end into an opportunity to onboard or encourage.
See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
An empty state means loading finished and there is genuinely nothing to show; a skeleton screen is a temporary placeholder shown while content is still loading. One is a final result, the other is a transient loading view.
In the wild
'No messages yet. Start a conversation!' on a fresh chat app.