Wheel Picker Components

Dev Design Library indexes 19 wheel picker components from 14 open-source UI libraries, with the most coming from UI Lab, uselayouts, beUI, Amicro Micro Transitions and ZAYX. Each one links to its page with the source code, a live preview where available, the library license and the install command. Wheel picker components belong to the Inputs group.

• Option WheelReact Bits · ReactCurved option picker that spins via scroll, drag, or arrow keys, fading and tilting items away from the selection.
• Date Position SelectorAmicro Micro Transitions · ReactThree consecutive day numbers (24th, 25th, 26th) with sliding highlight pill.
• Wheel PickerKokonut UI · ReactiOS-style 3D drum picker with flick momentum, built with React and Motion.
• Knockout WheelbeUI · ReactThe tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves…
• Duration PickerRare UI · ReactA gooey, spring-animated picker for entering a duration in hours and minutes.
• Set Timeruselayouts · ReactA dark timer pill that morphs into a minute wheel picker, then into a running timer with pause, cancel, and a…
• Momentum PickerKinetics · HTML/CSSWheel input rolls a weighted selector into its next detent
• Wheel CarouselComponentry · ReactA cinematic rotating-wheel picker with inertial drag, curved fading labels, and crossfading project imagery.
• Github Stars WheelWatermelon UI · React
• Combination LockUI Lab · ReactSpin right, left, right to fill each number, then turn the handle to open.
• Option WheelCojeev UI · ReactA paper dial, aligned reel or compact readout for choosing one direction with pointer, wheel or keyboard.
• Date SelectorSpaceUI · ReactAllows users to quickly choose single dates or time ranges using interactive timeline scrubbers and preset shortcut…
• Payment ReminderZAYX · React Native
• Spin to Win WheelReactFrame · ReactA gamified discount-capture widget where visitors spin a weighted SVG prize wheel for a reward, with five glass…
• Vertical Wheel CounterAmicro Micro Transitions · ReactVertical cylinder tumbler wheel number scroll with stepper buttons.
• Wheel PickerbeUI · ReactiOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and…
• W
  Wheel Carouseluselayouts · ReactThis component creates a smooth wheel-style carousel with photos and selectable items. It supports drag, scroll…
• Tape MeasureUI Lab · ReactPull the blade out to measure; release the lock and it reels itself back in.
• Wheel PickerUI Lab · ReactSpins through the hours on a curved drum, just like iOS.

Libraries with wheel picker components

• UI Lab
• uselayouts
• beUI
• Amicro Micro Transitions
• ZAYX

Related categories

• React Wheel Picker Components
• Tailwind CSS Wheel Picker Components
• Animated Wheel Picker Components
• Input Components
• Text Input Components
• Select Components
• Form Field Components
• Form Components
• Textarea Components
• Switch Components
• Checkbox Components
• Slider Components
• Radio Components
• Combobox Components
• File Upload Components
• Search Input Components
• Date Picker Components
• Login Form Components
• Color Picker Components