# Search components

> Streamline search functionality using 19 React search components styled with Tailwind CSS for fast integration in Next.js.

183 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/search.

- [Animated Glowing Search Bar](https://21st.dev/@minhxthanh/components/animated-glowing-search-bar.md) — by Le Thanh
- [Expanding Search Dock](https://21st.dev/@moumensoliman/components/expanding-search-dock-shadcnui.md) — by Moumen Soliman
- [Animated Search Bar](https://21st.dev/@aghasisahakyan1/components/animated-search-bar.md) — by Erik X
- [Apple Spotlight](https://21st.dev/@samitkapoor/components/apple-spotlight.md) — by Samit Kapoor
- [SearchBar](https://21st.dev/@muditgoel1512/components/search-bar.md) — by Mudit Goel
- [Field Components](https://21st.dev/@anubra266/components/field-components/loader-input.md) — by Abraham
- [Suggestive Search](https://21st.dev/@user_hardp/components/suggestive-search.md) — by user_hardp
- [Search Field \[react-aria-components\]](https://21st.dev/@jolbol1/components/searchfield.md) — by James Shopland
- [Expandable Search Bar](https://21st.dev/@arunachalam/components/expandable-search-bar.md) — by Arunachalam
- [Search Bar](https://21st.dev/@santoshvarmaaddala/components/search-bar/search-bar.md) — by Santosh Varma Addala
- [Search With Category](https://21st.dev/@ruixen.ui/components/search-with-category.md) — by Ruixen UI
- [News Search](https://21st.dev/@user_xn1cklas/components/news-search.md) — by user_xn1cklas
- [Animated Search](https://21st.dev/@aghasisahakyan1/components/animated-search-1.md) — by Erik X
- [Search Interface](https://21st.dev/@avanishverma4/components/search-interface.md) — by Awanish Verma
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field/form-example.md) — by Hero Ui
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field/variants.md) — by Hero Ui
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field/full-width.md) — by Hero Ui
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field/custom-icons.md) — by Hero Ui
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field/controlled.md) — by Hero Ui
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field/disabled-state.md) — by Hero Ui
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field/validation.md) — by Hero Ui
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field/required-field.md) — by Hero Ui
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field/with-description.md) — by Hero Ui
- [HeroUI Search Field](https://21st.dev/@hero_ui/components/heroui-search-field.md) — by Hero Ui
- [Input](https://21st.dev/@originui/components/input/search-input-with-loader.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/search-input-with-icon-and-button.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/search-input-with-kbd.md) — by Origin UI
- [Action Search Bar](https://21st.dev/@kokonutd/components/action-search-bar.md) — by Kokonut Baffier
- [Sidebar Component](https://21st.dev/@jshguo/components/sidebar-component.md) — by jshguo
- [Placeholders And Vanish Input](https://21st.dev/@manuarora700/components/placeholders-and-vanish-input.md) — by Manu Arora
- [Modern sideBar](https://21st.dev/@uniquesonu/components/modern-side-bar.md) — by Sonu
- [Interactive Logs Table](https://21st.dev/@moumensoliman/components/interactive-logs-table-shadcnui.md) — by Moumen Soliman
- [AI Input With Search](https://21st.dev/@kokonutd/components/ai-input-with-search.md) — by Kokonut Baffier
- [Interactive Map](https://21st.dev/@lovesickfromthe6ix/components/interactive-map.md) — by scott clayton
- [Popover](https://21st.dev/@originui/components/popover/select-with-search.md) — by shadcn
- [Popover](https://21st.dev/@originui/components/popover/options-with-icon-and-number.md) — by shadcn
- [Command](https://21st.dev/@originui/components/command.md) — by Origin UI
- [Table](https://21st.dev/@mynaui/components/table/with-sort-button.md) — by shadcn
- [Table](https://21st.dev/@mynaui/components/table/with-sorting-and-search.md) — by shadcn
- [Not found](https://21st.dev/@nevsky118/components/not-found.md) — by nevsky118
- [Workspaces](https://21st.dev/@sshahaider/components/workspaces/custom-rendering.md) — by Efferd
- [Workspaces](https://21st.dev/@sshahaider/components/workspaces/custom-trigger.md) — by Efferd
- [Animated Comman Menu](https://21st.dev/@aghasisahakyan1/components/animated-comman-menu.md) — by Erik X
- [Command](https://21st.dev/@shadcn/components/command.md) — by shadcn
- [Command](https://21st.dev/@mynaui/components/command/dense.md) — by shadcn
- [Command](https://21st.dev/@mynaui/components/command/simple.md) — by shadcn
- [Stacked List x](https://21st.dev/@0xUrvish/components/stacked-list.md) — by 0xUrvish
- [Navbar](https://21st.dev/@ruixen.ui/components/navbar.md) — by Ruixen UI
- [spotlight-table](https://21st.dev/@addstegeman/components/spotlight-table.md) — by Hamid
- [Header with Search](https://21st.dev/@sshahaider/components/header-with-search.md) — by Efferd
- [Dialog](https://21st.dev/@sshahaider/components/dialog/search.md) — by Efferd
- [Search Modal](https://21st.dev/@sshahaider/components/search-modal.md) — by Efferd
- [Navigation Bar](https://21st.dev/@originui/components/navigation-menu-4/navbar2.md) — by Origin UI
- [Async Select](https://21st.dev/@rudrodip/components/async-select.md) — by rds_agi
- [Tree](https://21st.dev/@originui/components/tree/tree-with-search-highlight.md) — by Origin UI
- [Tree](https://21st.dev/@originui/components/tree/tree-with-filtering.md) — by Origin UI
- [Navbars](https://21st.dev/@arihantcodes_1f7b8c4d/components/navbars/tab-navbar.md) — by Arihant jain
- [Flexi Filter Table](https://21st.dev/@ruixen.ui/components/flexi-filter-table.md) — by Ruixen UI
- [Action Searchbar](https://21st.dev/@koustubhayadiyala36/components/action-searchbar.md) — by Kousthubha Yadiyala
- [FAQ section](https://21st.dev/@larsen66/components/faq-section.md) — by 21st Indexer

Full component directory: https://21st.dev/llms.txt
