Skip to content
SevenUI
Sign in

Empty State blocks

What a table or a card grid shows before it holds a single record: first-run checklists, invite prompts, starter templates, and filtered-empty states. 6 blocks in this category.

Share on X (opens in a new tab)

Every block here is Pro. One purchase, yours forever —$99 at launch instead of $249. How to install

Get Pro — $99

Empty State 01

Pro

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 02

Pro

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 03

Pro

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 04

Pro

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 05

Pro

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 06

Pro

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%