Empty Sections

Empty state sections for apps and dashboards with actionable prompts for user guidance - built with shadcn/ui.

Empty section with 2 buttons

This Shadcn empty section block shows a guided empty state with two action buttons.

Empty section with cards

This Shadcn empty section block uses cards to suggest next steps in an empty state.

Empty section with input and cards

This Shadcn empty section block combines an input with suggestion cards for guided empty states.

Empty section with cards in the vertical layout

This Shadcn empty section block stacks suggestion cards vertically for a compact empty state.

Get access to all Pro Blocks in our Premium Package

Buy now

Empty Sections

An empty section component, built with shadcn/ui, is shown when there's no data to display. You can use this block to tell users why the page is empty and what they can do next.

FAQs

Show it when there's nothing to display – like before a user adds data or when filters hide all results.