searchBars
Self-diagnosing empty results
An empty state that does more than announce zero results: when several active filters return nothing, it calculates how many results each one would unlock if removed alone and ranks the suggestions by impact, flagging the ones that would not change anything. Removing a filter populates the results with a staggered reveal and recalculates the remaining suggestions live.
See it live and copy its promptWhat you can adjust
- Number of filters
- Accent color
- Recalculation duration
- Show irrelevant
- Example results
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
