Autocomplete Search Bar
A search input showing recent searches, popular suggestions, and live results in a dropdown.
Prompt
Create a search bar with rich dropdown: Empty focused: "Recent searches" (with remove X) + "Popular searches" pill chips Typing (2+ chars): autocomplete suggestions (matching text bolded) + quick results (icon, title, category) Keyboard navigation: arrow keys, Enter to search, Escape to close Search input: full width, search icon, clear X button, loading spinner Show realistic use case: searching a component library Use shadcn/ui Command or Popover, Tailwind CSS
Share:Share on X
More Search & Results Prompts
A full search results page with filter panel, result grid, sort controls, and active filter chips.
A powerful search UI combining a search input, instant results, and faceted tag filters.