# Listbox components

> Choose from 6 listbox React components, leveraging Tailwind CSS for accessible and customizable dropdown menus.

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

- [List Box \[react-aria-components\]](https://21st.dev/@jolbol1/components/list-box.md) — by James Shopland
- [HeroUI ListBox](https://21st.dev/@hero_ui/components/heroui-list-box.md) — by Hero Ui
- [Listbox](https://21st.dev/@anubra266/components/listbox/listbox-with-icons.md) — by Abraham
- [Listbox](https://21st.dev/@anubra266/components/listbox/priority-listbox.md) — by Abraham
- [Listbox](https://21st.dev/@anubra266/components/listbox/listbox-countries.md) — by Abraham
- [Listbox](https://21st.dev/@anubra266/components/listbox/listbox-settings-menu.md) — by Abraham
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/empty-state.md) — by James Shopland
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/checkbox.md) — by James Shopland
- [Listbox](https://21st.dev/@anubra266/components/listbox/listbox-controlled.md) — by Abraham
- [Listbox](https://21st.dev/@anubra266/components/listbox.md) — by Abraham
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/drag-and-drop.md) — by James Shopland
- [Listbox](https://21st.dev/@anubra266/components/listbox/listbox-group.md) — by Abraham
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/drag-between-lists.md) — by James Shopland
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/disabled-items.md) — by James Shopland
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/text-slots.md) — by James Shopland
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/links.md) — by James Shopland
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/selection.md) — by James Shopland
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/dynamic-content.md) — by James Shopland
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2.md) — by James Shopland
- [Listbox](https://21st.dev/@anubra266/components/listbox/listbox-multiple.md) — by Abraham
- [HeroUI ListBox](https://21st.dev/@hero_ui/components/heroui-list-box/controlled.md) — by Hero Ui
- [HeroUI ListBox](https://21st.dev/@hero_ui/components/heroui-list-box/custom-check-icon.md) — by Hero Ui
- [HeroUI ListBox](https://21st.dev/@hero_ui/components/heroui-list-box/virtualization.md) — by Hero Ui
- [HeroUI ListBox](https://21st.dev/@hero_ui/components/heroui-list-box/custom-render-function.md) — by Hero Ui
- [HeroUI ListBox](https://21st.dev/@hero_ui/components/heroui-list-box/with-disabled-items.md) — by Hero Ui
- [HeroUI ListBox](https://21st.dev/@hero_ui/components/heroui-list-box/multi-select.md) — by Hero Ui
- [HeroUI ListBox](https://21st.dev/@hero_ui/components/heroui-list-box/with-sections.md) — by Hero Ui
- [Select](https://21st.dev/@shadcn/components/select.md) — by shadcn
- [Select \[react-aria-components\]](https://21st.dev/@jolbol1/components/select.md) — by James Shopland
- [Select](https://21st.dev/@jshguo/components/interfaces-select.md) — by jshguo
- [Combobox](https://21st.dev/@shugar/components/combobox/custom-width-input.md) — by tigran tumasov
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box.md) — by Hero Ui
- [Combobox](https://21st.dev/@coss.com/components/combobox.md) — by coss
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box/with-sections.md) — by Hero Ui
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box/required.md) — by Hero Ui
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box/allows-custom-value.md) — by Hero Ui
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box/full-width.md) — by Hero Ui
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box/with-description.md) — by Hero Ui
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box/custom-indicator.md) — by Hero Ui
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box/with-disabled-options.md) — by Hero Ui
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box/default-selected-key.md) — by Hero Ui
- [ComboBox](https://21st.dev/@hero_ui/components/heroui-combo-box/disabled.md) — by Hero Ui
- [Select](https://21st.dev/@anubra266/components/select-1/country-selector.md) — by Abraham
- [Select](https://21st.dev/@anubra266/components/select-1/profile-selector.md) — by Abraham
- [Combobox](https://21st.dev/@coss.com/components/combobox/with-groups.md) — by coss
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select.md) — by Hero Ui
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/custom-value.md) — by Hero Ui
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/with-description.md) — by Hero Ui
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/multiple.md) — by Hero Ui
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/disabled-options.md) — by Hero Ui
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/on-surface.md) — by Hero Ui
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/variants.md) — by Hero Ui
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/required.md) — by Hero Ui
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/controlled.md) — by Hero Ui
- [HeroUI Select](https://21st.dev/@hero_ui/components/heroui-select/with-sections.md) — by Hero Ui
- [Select](https://21st.dev/@jolbol1/components/select-1.md) — by James Shopland
- [Select](https://21st.dev/@jolbol1/components/select-1/select-text-slots.md) — by James Shopland
- [Flexnative Select](https://21st.dev/@felipemenezes098/components/flexnative-select/with-icons.md) — by felipemenezes098
- [Flexnative Select](https://21st.dev/@felipemenezes098/components/flexnative-select.md) — by felipemenezes098
- [Select](https://21st.dev/@jolbol1/components/select-1/select-with-sections.md) — by James Shopland

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