# Filter components

> Streamline data exploration with 12 filter UI components for React and Tailwind CSS, enhancing search and sorting in Next.js apps.

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

- [Filters](https://21st.dev/@andrewlu0/components/filters.md) — by Andrew Luo
- [Flip Reveal](https://21st.dev/@paceui/components/flip-reveal.md) — by Pace UI
- [Filter Badge](https://21st.dev/@serafimcloud/components/filter-badge/pill.md) — by Serafim
- [Data Table Filter](https://21st.dev/@uniquesonu/components/data-table-filter.md) — by Sonu
- [Filter Chips Breadcrumb](https://21st.dev/@nextjsshop/components/filter-chips-breadcrumb.md) — by Nextjsshop
- [Table](https://21st.dev/@originui/components/table/example-of-a-more-complex-table-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/data-table-with-filters-made-with-tan-stack-table.md) — by Origin UI
- [Animated Glowing Search Bar](https://21st.dev/@minhxthanh/components/animated-glowing-search-bar.md) — by Le Thanh
- [Slider](https://21st.dev/@originui/components/slider/price-slider-with-min-max.md) — by Origin UI
- [Slider](https://21st.dev/@originui/components/slider/price-slider.md) — by Origin UI
- [Event Manager](https://21st.dev/@vaib215/components/event-manager.md) — by Vaibhav Kumar Singh
- [Interactive Logs Table](https://21st.dev/@moumensoliman/components/interactive-logs-table-shadcnui.md) — by Moumen Soliman
- [Popover](https://21st.dev/@originui/components/popover/filters.md) — by Origin UI
- [RuixenContributorsTable](https://21st.dev/@ruixen.ui/components/ruixen-contributors-table.md) — by Ruixen UI
- [Gallery Grid with Lightbox](https://21st.dev/@moumensoliman/components/gallery-grid-block-shadcnui.md) — by Moumen Soliman
- [Project Data Table](https://21st.dev/@ravikatiyar162/components/project-data-table.md) — by Ravi Katiyar
- [Fluid Dropdown](https://21st.dev/@koustubhayadiyala36/components/fluid-dropdown.md) — by Kousthubha Yadiyala
- [Tags Selector](https://21st.dev/@ln-dev7/components/tags-selector.md) — by LN
- [Data Table](https://21st.dev/@shadcn/components/data-table.md) — by shadcn
- [Contacts Table With Modal](https://21st.dev/@isaiahbjork/components/contacts-table-with-modal.md) — by Isaiah
- [spotlight-table](https://21st.dev/@addstegeman/components/spotlight-table.md) — by Hamid
- [Comparison Table](https://21st.dev/@ruixen.ui/components/comparison-table.md) — by Ruixen UI
- [Tree](https://21st.dev/@originui/components/tree/tree-with-filtering.md) — by Origin UI
- [Flexi Filter Table](https://21st.dev/@ruixen.ui/components/flexi-filter-table.md) — by Ruixen UI
- [Hero Section](https://21st.dev/@aghasisahakyan1/components/hero-section.md) — by Erik X
- [Filter Badge](https://21st.dev/@serafimcloud/components/filter-badge.md) — by Serafim
- [Command Palette](https://21st.dev/@rafa-porto/components/command-palette/command-palette.md) — by Rafael Porto
- [Combobox](https://21st.dev/@shugar/components/combobox/custom-empty-message.md) — by tigran tumasov
- [Basic Data Table](https://21st.dev/@preetsuthar17/components/basic-data-table.md) — by Preet Suthar
- [Range Slider](https://21st.dev/@ravikatiyar162/components/range-slider.md) — by Ravi Katiyar
- [Combobox](https://21st.dev/@shugar/components/combobox/controlled.md) — by tigran tumasov
- [Filter Badge](https://21st.dev/@serafimcloud/components/filter-badge/avatar.md) — by Serafim
- [Combobox](https://21st.dev/@shugar/components/combobox/sizes.md) — by tigran tumasov
- [Notifications Filter](https://21st.dev/@ruixen.ui/components/notifications-filter.md) — by Ruixen UI
- [Tag Group \[react-aria-components\]](https://21st.dev/@jolbol1/components/tag-group.md) — by James Shopland
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/column-visibility-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/striped-table.md) — by Sean Hello
- [Total Sales Chart](https://21st.dev/@ahmedmayara/components/total-sales-chart.md) — by Ahmed Mayara
- [Reorderable Table](https://21st.dev/@ruixen.ui/components/reorderable-table.md) — by Ruixen UI
- [Toolbar](https://21st.dev/@kokonutd/components/toolbar.md) — by Kokonut Baffier
- [Review Filter Bars](https://21st.dev/@ruixen.ui/components/review-filter-bars.md) — by Ruixen UI
- [Interactive List](https://21st.dev/@ravikatiyar162/components/interactive-list.md) — by Ravi Katiyar
- [Stock Market Tracker Chart](https://21st.dev/@ahmedmayara/components/stock-market-tracker-chart.md) — by Ahmed Mayara
- [Search Bar](https://21st.dev/@santoshvarmaaddala/components/search-bar/search-bar.md) — by Santosh Varma Addala
- [Combobox](https://21st.dev/@coss.com/components/combobox/with-groups.md) — by coss
- [Autocomplete](https://21st.dev/@prebuiltui/components/autocomplete/limit-results.md) — by prebuiltui
- [Select](https://21st.dev/@anubra266/components/select-1/category-filter.md) — by Abraham
- [Mentor Section](https://21st.dev/@ravikatiyar162/components/mentor-section.md) — by Ravi Katiyar
- [Autocomplete](https://21st.dev/@coss.com/components/coss-autocomplete.md) — by coss
- [Chart filter](https://21st.dev/@shadcn/components/chart-filter.md) — by shadcn
- [Search With Category](https://21st.dev/@ruixen.ui/components/search-with-category.md) — by Ruixen UI
- [ProductTable](https://21st.dev/@ruixen.ui/components/product-table.md) — by Ruixen UI
- [FAQ Block](https://21st.dev/@preetsuthar17/components/faq-block.md) — by Preet Suthar
- [Autocomplete](https://21st.dev/@coss.com/components/coss-autocomplete/with-search-icon.md) — by coss
- [Autocomplete](https://21st.dev/@coss.com/components/coss-autocomplete/with-groups.md) — by coss
- [Autocomplete](https://21st.dev/@coss.com/components/coss-autocomplete/with-trigger-and-clear.md) — by coss
- [Table](https://21st.dev/@shailendrakumar19999/components/table.md) — by Shailendra
- [Chip](https://21st.dev/@preetsuthar17/components/chip.md) — by Preet Suthar
- [One Clipboard](https://21st.dev/@felipemenezes098/components/one-clipboard/label-prefix.md) — by felipemenezes098
- [Table Controls](https://21st.dev/@uniquesonu/components/table-controls.md) — by Sonu

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