13 Blocks

shadcn/ui empty state blocks & components.

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.

Inbox Zero Notifications

Empty States 1Free

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

ButtonEmpty

Illustrated Inbox Panel

Empty States 2Free

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

No Search Results

Empty States 3Free

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

Failed Load Error

Empty States 4Free

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

ButtonEmptySonner

First Project Prompt

Empty States 5Free

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

Connect Your First Source

Empty States 6Pro

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

ButtonEmptySkeleton

Brief Not Ready Split

Empty States 7Pro

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

ButtonEmpty

Drag And Drop Upload

Empty States 8Pro

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

ButtonEmptyProgress

Invite First Teammates

Empty States 9Pro

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

AvatarButtonEmpty

Guided Workspace Launch

Empty States 10Pro

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

ButtonEmpty

Blueprint Library Illustration

Empty States 11Pro

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

ButtonEmpty

Dashboard Over Skeleton Mock

Empty States 12Pro

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

ButtonEmptySkeleton

Organizations Settings Panel

Empty States 13Pro

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

ButtonEmptySeparator