# Picker components > Find the perfect React picker components—4 options styled with Tailwind CSS for selecting dates, items, or more in your Next.js apps. 60 components available. Showing all of them below. - [Icon Picker](https://21st.dev/@sirwhod/components/icon-picker-3.md) — by Rodrigo Brandão - [Stars Scrolling Wheel](https://21st.dev/@skyleen77/components/stars-scrolling-wheel.md) — by Elliot Sutton - [Voice Picker](https://21st.dev/@ElevenLabs-crawled/components/voice-picker.md) — by ElevenLabs - [Wheel Picker](https://21st.dev/@ncdai/components/wheel-picker.md) — by Chánh Đại - [Model Picker](https://21st.dev/@serafimcloud/components/model-picker.md) — by Serafim - [Model Picker](https://21st.dev/@serafimcloud/components/model-picker/inside-input-bar.md) — by Serafim - [Date Wheel Picker](https://21st.dev/@osiris-balonga/components/date-wheel-picker.md) — by Osiris Balonga - [Date picker](https://21st.dev/@shadcn/components/date-picker.md) — by shadcn - [Avatar Picker](https://21st.dev/@kokonutd/components/avatar-picker.md) — by Kokonut Baffier - [Datetime Picker](https://21st.dev/@openstatusHQ/components/datetime-picker.md) — by OpenStatus - [Color Picker](https://21st.dev/@uplusion23/components/color-picker.md) — by Trevor McIntire - [Color Picker](https://21st.dev/@uplusion23/components/color-picker/color-picker-with-swatches-and-onchange.md) — by Trevor McIntire - [Color Picker](https://21st.dev/@haydenbleasel/components/color-picker.md) — by Hayden Bleasel - [Emoji Picker](https://21st.dev/@liveblocks/components/emoji-picker/popover.md) — by liveblocks - [Emoji Picker](https://21st.dev/@liveblocks/components/emoji-picker.md) — by liveblocks - [DateTimePicker](https://21st.dev/@ruixen.ui/components/date-time-picker.md) — by Ruixen UI - [Color Picker](https://21st.dev/@cult-ui/components/color-picker.md) — by cult/ui - [Datetime Picker](https://21st.dev/@BelkacemYerfa/components/datetime-picker.md) — by Yerfa Belkacem - [HeroUI Color Picker](https://21st.dev/@hero_ui/components/heroui-color-picker.md) — by Hero Ui - [Date Wheel Picker](https://21st.dev/@johuniq/components/date-wheel-picker.md) — by johuniq - [Calendar](https://21st.dev/@anubra266/components/calendar-1/calendar-buttons.md) — by Abraham - [Color Selector](https://21st.dev/@tom_ui/components/color-selector.md) — by tom - [Calendar](https://21st.dev/@anubra266/components/calendar-1/two-months-calendar.md) — by Abraham - [Calendar](https://21st.dev/@anubra266/components/calendar-1/three-months-calendar.md) — by Abraham - [Calendar](https://21st.dev/@anubra266/components/calendar-1/mutiple-calendar.md) — by Abraham - [Calendar](https://21st.dev/@anubra266/components/calendar-1/calendar-weeks.md) — by Abraham - [Calendar](https://21st.dev/@anubra266/components/calendar-1/unavailable-dates-calendar.md) — by Abraham - [CalendarLume](https://21st.dev/@ruixen.ui/components/calendar-lume.md) — by Ruixen UI - [HeroUI Color Picker](https://21st.dev/@hero_ui/components/heroui-color-picker/controlled.md) — by Hero Ui - [Apple Calendar Picker](https://21st.dev/@pulseawan/components/apple-calendar-picker.md) — by Muhammad Asif - [HeroUI Color Picker](https://21st.dev/@hero_ui/components/heroui-color-picker/with-sliders.md) — by Hero Ui - [HeroUI Color Picker](https://21st.dev/@hero_ui/components/heroui-color-picker/with-fields.md) — by Hero Ui - [HeroUI Color Picker](https://21st.dev/@hero_ui/components/heroui-color-picker/with-swatches.md) — by Hero Ui - [ColorSwatchPicker](https://21st.dev/@hero_ui/components/heroui-color-swatch-picker.md) — by Hero Ui - [Calender](https://21st.dev/@preetsuthar17/components/calender.md) — by Preet Suthar - [Time Picker](https://21st.dev/@ruixen.ui/components/time-picker.md) — by Ruixen UI - [Universal Date Picker](https://21st.dev/@ruixen.ui/components/universal-date-picker.md) — by Ruixen UI - [EmojiPicker](https://21st.dev/@bankkroll/components/emoji-picker.md) — by Bankk - [Apple Color Picker](https://21st.dev/@pulseawan/components/apple-color-picker.md) — by Muhammad Asif - [Color Picker](https://21st.dev/@anubra266/components/color-picker/inline-color.md) — by Abraham - [Color Picker](https://21st.dev/@anubra266/components/color-picker/hue-wheel-picker.md) — by Abraham - [Color Picker](https://21st.dev/@anubra266/components/color-picker.md) — by Abraham - [Color Picker](https://21st.dev/@anubra266/components/color-picker/color-picker-presets.md) — by Abraham - [Arc Browser like Color Picker](https://21st.dev/@clementjanssens/components/color-picker.md) — by Clément Janssens - [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 - [TimePicker](https://21st.dev/@mohammadalhabil1999/components/time-picker.md) — by Mohammad AlHabil - [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 - [Radial Time Picker](https://21st.dev/@mathewsaju210/components/radial-time-picker.md) — by Mathew - [Time picker](https://21st.dev/@preetsuthar17/components/time-picker.md) — by Preet Suthar - [Date Picker](https://21st.dev/@kavikatiyar/components/date-picker.md) — by Kavi Katiyar - [Apple Emoji Picker](https://21st.dev/@pulseawan/components/apple-emoji-picker.md) — by Muhammad Asif - [Live Preview Style Select](https://21st.dev/@ruixen.ui/components/live-preview-style-select.md) — by Ruixen UI - [React Aria Emoji Picker](https://21st.dev/@devongovett/components/react-aria-emoji-picker.md) — by devongovett - [HeroUI Color Area](https://21st.dev/@hero_ui/components/heroui-color-area/with-dots.md) — by Hero Ui - [HeroUI Color Area](https://21st.dev/@hero_ui/components/heroui-color-area/custom-render-function.md) — by Hero Ui - [HeroUI Calendar](https://21st.dev/@hero_ui/components/heroui-calendar/year-picker.md) — by Hero Ui Full component directory: https://21st.dev/llms.txt