# Control components

> Access 6 versatile control components for React, utilizing Tailwind CSS to manage UI interactions and settings in Next.js projects.

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

- [Control Knob](https://21st.dev/@daiwiikharihar17147/components/control-knob.md) — by Daiwiik Harihar
- [Brightness Control](https://21st.dev/@ozantekin/components/brightness-control.md) — by SHSF UI
- [Slider](https://21st.dev/@originui/components/slider.md) — by Origin UI
- [Sky Toggle](https://21st.dev/@ravikatiyar162/components/sky-toggle.md) — by Ravi Katiyar
- [Slider](https://21st.dev/@originui/components/slider/slider-with-plus-munis.md) — by Origin UI
- [Slider](https://21st.dev/@originui/components/slider/multiple-vertical-sliders.md) — by Origin UI
- [Slider](https://21st.dev/@originui/components/slider/multiple-sliders-with-reset-button.md) — by Origin UI
- [Slider](https://21st.dev/@originui/components/slider/vertical-slider-with-input.md) — by Origin UI
- [Liquid Toggle](https://21st.dev/@deepaksslibra/components/liquid-toggle/liquid-toggle.md) — by Deepak Chandwani
- [Slider Number Flow](https://21st.dev/@barvian/components/slider-number-flow.md) — by Maxwell Barvian
- [Vector Pad](https://21st.dev/@daiwiikharihar17147/components/vector-pad.md) — by Daiwiik Harihar
- [SnappySlider](https://21st.dev/@ghcpuman902/components/snappy-slider.md) — by MangleKuo
- [Carousel](https://21st.dev/@anubra266/components/carousel-1/carousel-w-autoplay.md) — by Abraham
- [dropdown 01](https://21st.dev/@avanishverma4/components/dropdown-01.md) — by Awanish Verma
- [Switch](https://21st.dev/@shugar/components/switch.md) — by tigran tumasov
- [Axis](https://21st.dev/@airbnb-visx/components/axis.md) — by Airbnb
- [Switch](https://21st.dev/@shugar/components/switch/full-width.md) — by tigran tumasov
- [Switch](https://21st.dev/@shugar/components/switch/disabled.md) — by tigran tumasov
- [Checkbox](https://21st.dev/@sean0205/components/checkbox.md) — by Sean Hello
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-1.md) — by Origin UI
- [Progress](https://21st.dev/@anubra266/components/progress-1/linear-sizes-progress.md) — by Abraham
- [Toggle](https://21st.dev/@sean0205/components/toggle-1/text.md) — by Sean Hello
- [Checkbox](https://21st.dev/@shugar/components/checkbox.md) — by tigran tumasov
- [Toggle](https://21st.dev/@shugar/components/toggle.md) — by tigran tumasov
- [Video Player](https://21st.dev/@preetsuthar17/components/video-player.md) — by Preet Suthar
- [Radix Checkbox](https://21st.dev/@skyleen77/components/radix-checkbox/radix-checkbox-demo.md) — by Elliot Sutton
- [MapControls](https://21st.dev/@mapcn/components/mapcn-map-controls.md) — by Anmoldeep Singh
- [Switch](https://21st.dev/@coss.com/components/switch/custom-size.md) — by coss
- [Slider](https://21st.dev/@builduilabs/components/slider.md) — by Build UI
- [HeroUI Color Slider](https://21st.dev/@hero_ui/components/heroui-color-slider/controlled.md) — by Hero Ui
- [HeroUI Color Slider](https://21st.dev/@hero_ui/components/heroui-color-slider/disabled.md) — by Hero Ui
- [Radix Switch](https://21st.dev/@skyleen77/components/radix-switch/radix-switch-demo.md) — by Elliot Sutton
- [RetroDvdTv](https://21st.dev/@rahil1202/components/retro-dvd-tv.md) — by Rahil Vahora
- [Numeric Input](https://21st.dev/@kokonutd/components/numeric-input.md) — by Kokonut Baffier
- [3D ASCII Model Viewer](https://21st.dev/@daniel__designs/components/3d-ascii-model-viewer.md) — by Daniel
- [Switch](https://21st.dev/@ravikatiyar162/components/switch.md) — by Ravi Katiyar
- [Slider](https://21st.dev/@jshguo/components/interfaces-slider.md) — by jshguo
- [Theme toggle buttons](https://21st.dev/@reuno-ui/components/theme-toggle-buttons.md) — by reuno-ui
- [CustomLayer](https://21st.dev/@mapcn/components/mapcn-custom-layer.md) — by Anmoldeep Singh
- [Slider](https://21st.dev/@coss.com/components/slider.md) — by coss
- [MusicPlayerCard](https://21st.dev/@dhileepkumargm/components/music-player-card.md) — by Dhileep Kumar GM
- [Checkbox](https://21st.dev/@sean0205/components/checkbox-1.md) — by Sean Hello
- [Switch](https://21st.dev/@anubra266/components/switch-1/switch-revealing-icons.md) — by Abraham
- [Switch](https://21st.dev/@anubra266/components/switch-1/bordered-switch.md) — by Abraham
- [Switch](https://21st.dev/@anubra266/components/switch-1.md) — by Abraham
- [Checkbox](https://21st.dev/@sean0205/components/checkbox-1/size.md) — by Sean Hello
- [Circular Fan Speed Knob](https://21st.dev/@ravikatiyar162/components/circular-fan-speed-knob.md) — by Ravi Katiyar
- [Switch](https://21st.dev/@anubra266/components/switch-1/switch-dual-labels.md) — by Abraham
- [Switch](https://21st.dev/@anubra266/components/switch-1/large-thumb-switch.md) — by Abraham
- [Slider](https://21st.dev/@coss.com/components/slider/equalizer.md) — by coss
- [Color Picker](https://21st.dev/@anubra266/components/color-picker/hue-wheel-picker.md) — by Abraham
- [Switch](https://21st.dev/@anubra266/components/switch-1/switch-label.md) — by Abraham
- [Switch](https://21st.dev/@anubra266/components/switch-1/switch-square.md) — by Abraham
- [Switch](https://21st.dev/@anubra266/components/switch-1/switch-disabler.md) — by Abraham
- [Slider](https://21st.dev/@coss.com/components/slider/with-ticks.md) — by coss
- [Slider](https://21st.dev/@coss.com/components/slider/rating.md) — by coss
- [Slider](https://21st.dev/@coss.com/components/slider/volume.md) — by coss
- [Slider](https://21st.dev/@coss.com/components/slider/vertical.md) — by coss
- [Toggle](https://21st.dev/@shugar/components/toggle-1/custom-color.md) — by tigran tumasov
- [Slider](https://21st.dev/@coss.com/components/slider/with-label.md) — by coss

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