Search blocks

Find a block by name or category

13 Blocks

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

Free

Empty state for a cleared notifications list, with an inbox icon, an all-caught-up message, and a View All Notifications link.

ButtonEmpty

Empty States 2

Free

Empty inbox panel with a framed inbox illustration, a create-workspace dialog with a name field, a Learn More link, and a support footer.

ButtonDialogEmptyFieldInputSeparatorSonner

Empty States 3

Free

No results found empty state for a filtered search, with a magnifier icon, guidance copy, and a Clear Filters action in a bordered card.

ButtonEmptySonner

Empty States 4

Free

Error empty state for data that failed to load, with a destructive alert icon plus Try Again and contact support actions.

ButtonEmptySonner

Empty States 5

Free

First-run empty state prompting users to create their first project, with New Project and Import buttons and a three-tip getting-started row.

ButtonEmpty

Empty States 6

Pro

Empty record space prompting a first data source connection, with shimmering skeleton rows, source brand logos, and quick-guide cards.

ButtonEmpty
motion

Empty States 7

Pro

Two-column empty state pairing no-brief-ready copy with an animated forming-document mock framed by corner brackets.

ButtonEmpty
motion

Empty States 8

Pro

Interactive import empty state with a drag and drop dropzone that runs an upload progress bar, then blur-swaps to a success state.

ButtonEmptyProgress
motion

Empty States 9

Pro

Empty team state with a fanned card-stack illustration, a copy invite link button that swaps to a confirmation, and suggested teammates.

AvatarButtonEmpty
motion

Empty States 10

Pro

Onboarding empty state for a new team workspace, with two setup actions and suggested next-step cards for deliverables, briefs, and check-ins.

ButtonEmpty
motion

Empty States 11

Pro

Empty template library with a floating isometric layered-plate illustration beside copy, offering create and import blueprint actions.

ButtonEmpty
motion

Empty States 12

Pro

Empty dashboard state floating over a faint skeleton chart and stat mock that shows what the data will fill once connected.

ButtonEmptySkeleton
motion

Empty States 13

Pro

Settings panel empty state for enabling organizations, with a floating fanned-card illustration, an enable action, and a learn more footer.

ButtonEmptySeparator
motion

Empty States Blocks FAQ

Categories that pair well with Empty States blocks when composing a page.