# Selector components

> Explore 8 versatile selector components for React, styled with Tailwind CSS, to enhance user choice and navigation in your Next.js apps.

50 components available. Showing all of them below.

- [Interactive Selector](https://21st.dev/@minhxthanh/components/interactive-selector.md) — by Le Thanh
- [Member Selector](https://21st.dev/@osiris-balonga/components/member-selector.md) — by Osiris Balonga
- [Project Selector](https://21st.dev/@ln-dev7/components/project-selector.md) — by LN
- [Gradient Selector Card](https://21st.dev/@isaiahbjork/components/gradient-selector-card.md) — by Isaiah
- [Mode Selector](https://21st.dev/@serafimcloud/components/mode-selector.md) — by Serafim
- [Priority Selector](https://21st.dev/@ln-dev7/components/priority-selector.md) — by LN
- [Label Selector](https://21st.dev/@ln-dev7/components/label-selector.md) — by LN
- [Mode Selector](https://21st.dev/@serafimcloud/components/mode-selector/inside-input-bar.md) — by Serafim
- [Model Selector](https://21st.dev/@Alwurts/components/model-selector.md) — by simple-ai
- [Message Dock](https://21st.dev/@isaiahbjork/components/message-dock.md) — by Isaiah
- [Radio Group](https://21st.dev/@originui/components/radio-group/theme.md) — by Origin UI
- [Radio Group](https://21st.dev/@originui/components/radio-group/row-with-icon.md) — by Origin UI
- [Radio Group](https://21st.dev/@originui/components/radio-group/grid-based-no-check.md) — by Origin UI
- [Tags Selector](https://21st.dev/@ln-dev7/components/tags-selector.md) — by LN
- [Language Selector Dropdown](https://21st.dev/@samsiavoshian2009/components/language-selector-dropdown.md) — by Sam siavoshian
- [Radio Group Card](https://21st.dev/@ruixen.ui/components/radio-group-card.md) — by Ruixen UI
- [Animated Radio](https://21st.dev/@jatin-yadav05/components/animated-radio.md) — by Jatin Yadav
- [Avatar Picker](https://21st.dev/@kokonutd/components/avatar-picker.md) — by Kokonut Baffier
- [Theme Toggle](https://21st.dev/@campsite/components/theme-toggle.md) — by Campsite
- [Profile Selector](https://21st.dev/@ravikatiyar162/components/profile-selector.md) — by Ravi Katiyar
- [3D Radio Group](https://21st.dev/@ravikatiyar162/components/3d-radio-group.md) — by Ravi Katiyar
- [Payment](https://21st.dev/@ravikatiyar162/components/payment-1.md) — by Ravi Katiyar
- [Color Selector](https://21st.dev/@tom_ui/components/color-selector.md) — by tom
- [Cuisine Selector Chips](https://21st.dev/@uniquesonu/components/cuisine-selector-chips.md) — by Sonu
- [Guest Selector](https://21st.dev/@ravikatiyar162/components/guest-selector.md) — by Ravi Katiyar
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker.md) — by Hero Ui
- [Selector Chips](https://21st.dev/@preetsuthar17/components/selector-chips.md) — by Preet Suthar
- [Animated Card Options](https://21st.dev/@isaiahbjork/components/animated-card-options.md) — by Isaiah
- [Model Selector Prompt](https://21st.dev/@dqnamo/components/model-selector.md) — by dqnamo
- [Currency Exchange Card](https://21st.dev/@ravikatiyar162/components/currency-exchange-card.md) — by Ravi Katiyar
- [Circular Fan Speed Knob](https://21st.dev/@ravikatiyar162/components/circular-fan-speed-knob.md) — by Ravi Katiyar
- [Baggage Add-on](https://21st.dev/@ravikatiyar162/components/baggage-add-on.md) — by Ravi Katiyar
- [Action dropdown](https://21st.dev/@moumensoliman/components/action-dropdown.md) — by Moumen Soliman
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/default-value.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/sizes.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/variants.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/stack-layout.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/custom-indicator.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/disabled.md) — by Hero Ui
- [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker/controlled.md) — by Hero Ui
- [Radio Group](https://21st.dev/@anubra266/components/radio-group/radio-group-colors.md) — by Abraham
- [Card](https://21st.dev/@ravikatiyar162/components/card-19.md) — by Ravi Katiyar
- [Fare Selector](https://21st.dev/@ravikatiyar162/components/fare-selector.md) — by Ravi Katiyar
- [Rotary Radio Switch](https://21st.dev/@ravikatiyar162/components/rotary-radio-switch.md) — by Ravi Katiyar
- [8bit Difficulty Select](https://21st.dev/@theorcdev/components/8bit-difficulty-select.md) — by OrcDev
- [Segment Group](https://21st.dev/@anubra266/components/segment-group/view-mode-group.md) — by Abraham
- [Status Selector](https://21st.dev/@ln-dev7/components/status-selector.md) — by LN
- [Interactive Image Selector](https://21st.dev/@educlopez/components/interactive-image-selector.md) — by Edu Calvo
- [Usage Slider Plan Selector](https://21st.dev/@felipemenezes098/components/select-a-plan-4.md) — by felipemenezes098
- [Animated Tags](https://21st.dev/@educlopez/components/animated-tags.md) — by Edu Calvo

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