Shadcn.io is not affiliated with official shadcn/ui
Empty with Single Action
A React empty state with single action button showing Plus icon, title, description, and Create Project call-to-action
Empty states guide action—blank screens without direction frustrate users. This React empty state uses shadcn/ui Empty component with Plus icon from Lucide React featuring EmptyMedia, EmptyTitle, EmptyDescription, and single Button action in EmptyContent. Built with structured Empty components providing clear visual hierarchy. The single action empty state pattern reduces friction—perfect for project dashboards, file managers, task lists, or anywhere users encounter empty data needing one clear next step.
Empty with Single Action preview
Installation
Related Components
Multiple Actions
Empty state with two action buttons
Stacked Actions
Vertically stacked action buttons
Empty Table
Empty state for data tables
No Messages
Empty messaging state with action
Button Component
Primary action button
Card Component
Container for empty states
FAQ
Was this page helpful?
Sign in to leave feedback.
Resources Menu
A React resources menu dropdown organized into Learning Resources and Developer sections with external links to documentation, API reference, code examples, GitHub, and community forum built with shadcn/ui
Empty with Multiple Actions
A React empty state with two action buttons for Upload File and Import from URL showing multiple paths to add content