Empty States Blocks
Empty state blocks for shadcn/ui: inbox zero, no search results, failed loads with retry, first-run onboarding prompts, drag-and-drop import dropzones, and invite-your-team states with animated illustrations. The screens users actually meet first, designed instead of left blank.
Empty States 1
FreeEmpty state for a cleared notifications list, with an inbox icon, an all-caught-up message, and a View All Notifications link.
Empty States 2
FreeEmpty inbox panel with a framed inbox illustration, a create-workspace dialog with a name field, a Learn More link, and a support footer.
Empty States 3
FreeNo results found empty state for a filtered search, with a magnifier icon, guidance copy, and a Clear Filters action in a bordered card.
Empty States 4
FreeError empty state for data that failed to load, with a destructive alert icon plus Try Again and contact support actions.
Empty States 5
FreeFirst-run empty state prompting users to create their first project, with New Project and Import buttons and a three-tip getting-started row.
Empty States 6
ProEmpty record space prompting a first data source connection, with shimmering skeleton rows, source brand logos, and quick-guide cards.
Empty States 7
ProTwo-column empty state pairing no-brief-ready copy with an animated forming-document mock framed by corner brackets.
Empty States 8
ProInteractive import empty state with a drag and drop dropzone that runs an upload progress bar, then blur-swaps to a success state.
Empty States 9
ProEmpty team state with a fanned card-stack illustration, a copy invite link button that swaps to a confirmation, and suggested teammates.
Empty States 10
ProOnboarding empty state for a new team workspace, with two setup actions and suggested next-step cards for deliverables, briefs, and check-ins.
Empty States 11
ProEmpty template library with a floating isometric layered-plate illustration beside copy, offering create and import blueprint actions.
Empty States 12
ProEmpty dashboard state floating over a faint skeleton chart and stat mock that shows what the data will fill once connected.
Empty States Blocks FAQ
Keep Browsing
Categories that pair well with Empty States blocks when composing a page.