Skip to content
SevenUI
Sign in

Empty State

What a table or a card grid shows before it holds a single record. 6 blocks in this category.

Every block here is Pro. One purchase, yours forever —$99 lifetime, rising to $249 once the catalog launches.

Pre-order — $99

Empty State 01Pro

Display-scale statement for an empty saved list, with two ribbons of collection links drifting in opposite directions beneath it that pause on hover or keyboard focus.

Open the Empty State 01 preview in a new tab
… add @sevenui/pro/empty-state-01
100%

Empty State 02Pro

First-run card for an empty catalogue: a four-step activation list with done, current and pending markers, and the current step's action as the only button.

Open the Empty State 02 preview in a new tab
… add @sevenui/pro/empty-state-02
100%

Empty State 03Pro

Dashed panel sitting under three fading table rows that show the shape of the records to come, with a create action and an import fallback.

Open the Empty State 03 preview in a new tab
… add @sevenui/pro/empty-state-03
100%

Empty State 04Pro

Centred empty state for a shared library nobody else has joined yet: one portrait beside dashed seat slots that settle in on load, above an inline email invite.

Open the Empty State 04 preview in a new tab
… add @sevenui/pro/empty-state-04
100%

Empty State 05Pro

Filtered-empty state that names the culprit: removable filter chips above a dashed panel offering to drop the date range or clear everything, which swaps to a match confirmation once nothing is left.

Open the Empty State 05 preview in a new tab
… add @sevenui/pro/empty-state-05
100%

Empty State 06Pro

Borderless empty projects state that leads with a blank-project action and offers three starter templates as inline chips rather than a grid of cards.

Open the Empty State 06 preview in a new tab
… add @sevenui/pro/empty-state-06
100%