Most React apps still use the same old date picker. It works… but it feels clunky, especially on mobile.
There’s a much better way: an iOS-style Wheel Picker.
It scrolls smoothly, has that natural inertia feel, supports infinite looping, and just looks more polished. Users actually enjoy interacting with it. 😊
One of the best libraries for this right now is @ncdai/react-wheel-picker.
It’s:
- Lightweight and unstyled (so you can fully customize it)
- Smooth on both touch and desktop
- Supports keyboard navigation
- Easy to install with shadcn if you’re using it
Live demo: https://react-wheel-picker.chanhdai.com
npm: https://www.npmjs.com/package/@ncdai/react-wheel-picker
GitHub: https://github.com/ncdai/react-wheel-picker
Install it with:
npm install @ncdai/react-wheel-picker
If you’re building forms, filters, or any kind of selection UI, give this a try. It’s one of those small upgrades that makes your product feel noticeably better.
Have you switched to wheel pickers yet? Curious to hear your experience.
Top comments (0)