Wheel Picker

iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for date and time pickers, reduced-motion safe.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/wheel-picker

Files

• components/motion/wheel-picker.tsx
• lib/tick-sound.ts
• lib/touch.ts
• lib/utils.ts
• lib/audio-context.ts

Source

https://github.com/starc007/ui-components

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Wheel Picker Components
• React Wheel Picker Components
• Tailwind CSS Wheel Picker Components
• Animated Wheel Picker Components

More from beUI

• Knockout Wheel
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert
• Animated Badge