Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Empty - No Filter Results
A React no filter results empty state with Filter icon and Clear Filters action button to reset applied filters
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Filters narrow results—too many filters create empty states needing escape hatches. This React empty state uses shadcn/ui Empty component with Filter icon from Lucide React featuring No items match your filters message and Clear Filters Button with outline variant. Built with EmptyContent action providing filter recovery. The no filter results pattern enables reset—perfect for e-commerce filters, data tables, search results, or anywhere multiple filters might over-constrain results requiring quick filter removal.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Clear Filters Suggestion
Filter empty with multiple reset actions
No Search Results
Search query empty state
No Matches Found
Search with View All fallback
Column Visibility
Table with filtering
Button Component
Clear filters button
Checkbox Component
Filter checkboxes