# Select components

> Upgrade your forms with 32 versatile select components for React, styled with Tailwind CSS and optimized for smooth user interactions.

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

- [Select](https://21st.dev/@originui/components/select.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/status-select.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/options-with-portrait.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/options-with-flag.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/options-with-placeholder-avatar.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/options-with-avatar.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-icon.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-colored-border-and-ring.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-description-and-right-indicator.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-separator.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-placeholder.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/timezone-select.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-helper-text.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-right-indicator.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-auto-width.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/options-with-icon-and-right-indicator.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/options-with-icon.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-left-text.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-error.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-inset-label.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-overlapping-label.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-disabled-options.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-gray-background.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/select-with-options-groups.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/required-select.md) — by Origin UI
- [Select](https://21st.dev/@originui/components/select/disabled-select.md) — by Origin UI
- [Multiple select](https://21st.dev/@geekles007/components/multiple-select.md) — by Geekles
- [Select](https://21st.dev/@shadcn/components/select.md) — by shadcn
- [Select](https://21st.dev/@geekles007/components/select.md) — by Geekles
- [Async Select](https://21st.dev/@rudrodip/components/async-select.md) — by rds_agi
- [Select \[react-aria-components\]](https://21st.dev/@jolbol1/components/select.md) — by James Shopland
- [Multiple Selector](https://21st.dev/@hsuanyi-chou/components/multiple-selector.md) — by Ryan.Chou-ggl
- [Select](https://21st.dev/@jshguo/components/interfaces-select.md) — by jshguo
- [Select (Native)](https://21st.dev/@originui/components/select-native.md) — by Origin UI
- [Select](https://21st.dev/@sean0205/components/select/indicator-position.md) — by Sean Hello
- [Select](https://21st.dev/@sean0205/components/select.md) — by Sean Hello
- [Select](https://21st.dev/@sean0205/components/select/status.md) — by Sean Hello
- [Select](https://21st.dev/@micka_design/components/select.md) — by micka_design
- [Select](https://21st.dev/@sean0205/components/select/icon.md) — by Sean Hello
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-option-groups-native.md) — by Origin UI
- [Select](https://21st.dev/@sean0205/components/select/custom-indicator.md) — by Sean Hello
- [Select](https://21st.dev/@sean0205/components/select/disabled-option.md) — by Sean Hello
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-error-native.md) — by Origin UI
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-overlapping-label-native.md) — by Origin UI
- [Select (Native)](https://21st.dev/@originui/components/select-native/timezone-select-native.md) — by Origin UI
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-auto-width-native.md) — by Origin UI
- [Select (Native)](https://21st.dev/@originui/components/select-native/required-select-native.md) — by Origin UI
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-icon-native.md) — by Origin UI
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-inset-label-native.md) — by Origin UI
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-colored-border-native.md) — by Origin UI
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-placeholder-native.md) — by Origin UI
- [Select](https://21st.dev/@sean0205/components/select/group.md) — by Sean Hello
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-helper-text-native.md) — by Origin UI
- [Select](https://21st.dev/@sean0205/components/select/size.md) — by Sean Hello
- [Select](https://21st.dev/@sean0205/components/select/disabled.md) — by Sean Hello
- [Select (Native)](https://21st.dev/@originui/components/select-native/disabled-select-native.md) — by Origin UI
- [Select (Native)](https://21st.dev/@originui/components/select-native/select-with-gray-background-native.md) — by Origin UI
- [Select](https://21st.dev/@micka_design/components/select/borderless.md) — by micka_design
- [Select](https://21st.dev/@jshguo/components/interfaces-select/grouped.md) — by jshguo
- [Select](https://21st.dev/@micka_design/components/select/grouped.md) — by micka_design

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