Dev Design LibraryOpen the library

React Wheel Picker Components

Dev Design Library indexes 18 React wheel picker components from 13 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. Every library in this list targets React. 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…
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…
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 React wheel picker components

Related categories