Shadcn.io is not affiliated with official shadcn/ui
Tables Empty
Table with contextual empty states and call-to-action buttons for React/Next.js zero-data scenarios using shadcn/ui and Tailwind CSS.
Handle empty data gracefully with this empty state table using shadcn/ui Table and Button components. Features illustrated empty state with icon, contextual message based on active filters, primary call-to-action button to add first item, secondary action to clear filters, and smooth transition when data appears. Perfect for new user onboarding, filtered views with no matches, and empty inboxes.
Related Components
Searchable Filterable Data Table
Search with empty results
Table with Quick Filters
Filter to empty state
Table with Loading Skeleton
Loading before empty check
Task Table with Actions
Add first item action
Table with Row Selection
Select from empty list
Table with Page Navigation
Paginate empty results
FAQ
Was this page helpful?
Sign in to leave feedback.
Employee Directory
Employee directory table with avatars, departments, contacts, and reporting structure for React/Next.js HR dashboards using shadcn/ui and Tailwind CSS.
Environment Vars
Environment variable key-value table with masked values, copy actions, and scope badges for React/Next.js DevOps panels using shadcn/ui and Tailwind CSS.