Expanding Search Bar
Search icon button that expands into a pill-shaped input, shown in a dark navbar and a large hero search, with Escape to close and a demo submit.
Tag: search
Components tagged with "search".
10 component(s)
No Search Results
Bootstrap 5 empty search state with a spelling-aware "Did you mean" suggestion, removable filter chips, search tips, popular searches and a support link.
Search with Autocomplete
Bootstrap 5 help center search bar with an accessible autocomplete list built from local data, highlighted matches, keyboard navigation and popular search chips.
Dismissible Filter Chips
Bootstrap 5 active filter bar with removable chips, Clear all button, undo for recently removed filters and live result count.
Table with Search Filter
Bootstrap 5 team directory table with live search, status filter, highlighted matches, result counter and empty state.
Simple 404 Page
Clean Tailwind CSS 404 error page with an animated unplugged-cable illustration, site search, helpful link cards and a go-back button.
Command Palette Search
Dark Tailwind CSS command palette opened with Ctrl+K: live filtering with match highlights, grouped results and full keyboard navigation.
Searchable Select
Accessible Tailwind CSS combobox that filters options as you type, highlights matches and supports full keyboard navigation.
Animated 404 Page
Playful full-page 404 error template with a floating planet, short message, site search field and home link in pure CSS.
Bootstrap Navbar with Search and Dropdown
Responsive Bootstrap 5 navbar with brand, dropdown menu, search form and user actions.