Motion
Where to Use Wheel Picker in React Apps
Wheel Picker is a 3D drum for dates and lists with drag, flick, wheel, and keyboard support plus optional tick sound. Mobile-inspired forms ship it when selecting values should feel tactile on the web.
Where teams use Wheel Picker
Use case 1
Date of birth and schedule forms
Replace native selects with a drum for day, month, and year. Flick and tick sound reinforce precise landing.
Use case 2
Duration and reminder pickers
Alarm and calendar apps choose intervals on the wheel. Keyboard support keeps desktop usable.
Use case 3
Unit and locale selectors
Settings for timezone, currency, or units gain a premium feel. 3D drum scales to long lists better than flat dropdowns.
Use case 4
Fitness metric entry
Weight, reps, or pace entry uses stacked wheels. Drag physics matches phone muscle memory on web.
Who it is for
Mobile-web and form engineers recreating iOS-style drum pickers in React.
Try Wheel Picker on AkmanOS
Flick the drum and try keyboard control in the preview, then copy markdown into Claude or Cursor to wire Wheel Picker to your form state.
Preview /preview/wheel-pickerMore in Motion
- AI Chat AgentFull chat agent UI with Orbit avatars, iOS message bubbles, citation typing, model picker, voice input, uploads, and deep think. Explore real product surfaces for the AI Chat Agent component — then open the live AkmanOS preview and copy production-ready source.
- Animated TextCharacter-by-character reveal with blur and spring motion, optional loop. Explore real product surfaces for the Animated Text component — then open the live AkmanOS preview and copy production-ready source.
- Availability SchedulerWeekly hours editor — day toggles, spring time ranges, scrollable picks, and copy across days. Explore real product surfaces for the Availability Scheduler component — then open the live AkmanOS preview and copy production-ready source.
- Bounce SidebarVertical nav with a bouncing indicator that arcs to the active item. Explore real product surfaces for the Bounce Sidebar component — then open the live AkmanOS preview and copy production-ready source.