shadcn/ui Empty State Components

Dev Design Library indexes 18 shadcn/ui empty state components from 5 open-source UI libraries, with the most coming from FLX UI, Spectrum UI, Shadcn Space, sv-table and Cojeev UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Empty state components belong to the Feedback group.

• Empty Board ColumnSpectrum UI · ReactA kanban column that accepts real drags from its neighbours and composes cards inline.
• Empty State 01 - No Projects YetShadcn Space · ReactA compact, bordered card empty state with a folder icon, heading, description, and a single primary call-to-action…
• Data Table Emptysv-table · SvelteA table row for displaying a clear empty or filtered-results state.
• EmptyCojeev UI · ReactExplains an empty collection or unavailable result and creates space for a useful next step.
• BasicFLX UI · ReactIcon, title, and description for an empty list.
• Invite TeammatesSpectrum UI · ReactA one-seat team with an avatar rail, live invite field and copyable join link.
• Empty State 03 - Chart Data Empty StateShadcn Space · ReactA simple card-based empty state with a chart-themed icon, title, description, and primary connection CTA button…
• With actionsFLX UI · ReactFirst-run state with primary and secondary CTAs.
• Scheduled MaintenanceSpectrum UI · ReactA maintenance window with a ticking ETA, a stage rail and a notify-me field.
• No resultsFLX UI · ReactSearch empty state with a clear-filters action.
• Page Not FoundSpectrum UI · ReactA 404 that prints the path it tried and filters real destinations as you type.
• Avatar groupFLX UI · ReactBordered empty team card with an avatar stack and invite.
• No NotificationsSpectrum UI · ReactAn empty notification tray with working channel switches and a quiet-hours state.
• In dialogFLX UI · ReactEmpty inbox state composed inside a Dialog.
• Nothing ScheduledSpectrum UI · ReactA day rail with a now marker where any hour opens an inline composer.
• Empty teamFLX UI · ReactOverlapping avatar stack above an empty-state message with an invite button.
• Dynamic Field ArrayFLX UI · ReactStart from an empty state, then add and remove teammate rows with per-item validation.
• Dynamic Field ArrayFLX UI · ReactStart from an empty state, then add and remove teammate rows with per-item validation.

Libraries with shadcn/ui empty state components

• FLX UI
• Spectrum UI
• Shadcn Space
• sv-table
• Cojeev UI

Related categories

• Empty State Components
• React Empty State Components
• Tailwind CSS Empty State Components
• Animated Empty State Components
• shadcn/ui Feedback Components
• shadcn/ui Badge Components
• shadcn/ui Alert Components
• shadcn/ui Banner Components
• shadcn/ui Chip Components
• shadcn/ui Spinner Components
• shadcn/ui Skeleton Components
• shadcn/ui Progress Components
• shadcn/ui Notification Components
• shadcn/ui Status Indicator Components
• shadcn/ui Progress Bar Components
• shadcn/ui Error State Components
• shadcn/ui Typing Indicator Components