Skip to catalogue

empty state

An empty state explains why expected content is absent and what action is available.

Use this when A list appears blank and users cannot tell what happened.

without the term

“When there are no projects, or the request fails, or the filter matches nothing, the page just shows a blank area. Can you make each situation say what's going on?”

with the term · How do you ask a model for empty state?

Implement distinct first-use, no-results, loading, and error states for this list. Verify each state and its available recovery action.

XBlueskyLinkedIn

What is empty state?

Distinct screens for 'nothing here yet', 'no results for this filter', 'still loading', and 'failed to load', each with a useful next action.

Why does empty state matter when vibe coding?

A single empty branch can conceal a failed request or an active filter.

How do you do empty state?

Model the relevant states separately and keep the next useful action clear.

What goes wrong with empty state?

Displaying no records as if a failed request completed successfully.

adjacent

reviewed

report a correction