Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Empty - Try Different Keywords
A React no search results empty state with larger Search icon and extended description suggesting category browsing
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Empty searches need context—longer descriptions guide users toward alternatives. This React empty state uses shadcn/ui Empty component with larger Search icon (size-8) from Lucide React featuring No results for your search title with multi-sentence description about keywords and browsing categories. Built with EmptyMedia without variant showing larger icon and detailed guidance. The extended description pattern provides depth—perfect for complex sites, large catalogs, documentation, or anywhere search failure needs comprehensive recovery guidance.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
No Search Results
Simple search empty state
No Matches Found
Search with View All action
Long Description
Extended empty description pattern
Empty Chart
Large icon empty state
Card Component
Search container
Breadcrumb Component
Category navigation