Empty Actions 1 •
Empty with single action
Shadcn Empty Components
Browse 22 original empty components built with React, Tailwind CSS, and shadcn/ui. Preview every design, inspect its source, or install it with the shadcn CLI.
Showing 22 of 22 components
Empty Actions 2 •
Empty with multiple actions
Empty Actions 3 •
Empty with link action
Empty Actions 4 •
Empty with input action
Empty Actions 5 •
Empty with stacked actions
Empty Data 1 •
Empty table
Empty Data 2 •
Empty chart
Empty Data 3 •
No notifications
Empty Data 4 •
No messages
Empty Data 5 •
No files
Empty Search 1 •
No search results
Empty Search 2 •
No filter results
Empty Search 3 •
No matches found
Empty Search 4 •
Try different keywords
Empty Search 5 •
Clear filters suggestion
Empty Standard 1 •
Simple empty state
Empty Standard 2 •
Empty with description
Empty Standard 3 •
Empty with long description
Empty Standard 4 •
Empty with large icon
Empty Standard 5 •
Empty with multiple paragraphs
Empty Standard 6 •
Empty without icon
Empty Standard 7 •
Empty with link in description
Category guide
Using Empty patterns
These patterns share semantic tokens and accessible interaction foundations while varying layout, density, hierarchy, and content composition.
Open any variation to compare responsive states, inspect its generated source, and copy a local shadcn registry command.