iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
Preview and install at: <a href="https://chanhdai.com/blog/react-wheel-picker" target="_blank" rel="noopener nofollow">https://chanhdai.com/blog/react-wheel-picker</a>
or use the shadcn CLI for quick setup:
<pre><code class="language-bash">npx shadcn@latest add https://chanhdai.com/r/wheel-picker.json
</code></pre>

The official daily.dev web development community. Led by thought leaders and webdev experts. Join the Squad!

WebDev

Explore the React Wheel Picker, a component designed to emulate the iOS wheel picker experience. It offers smooth inertia scrolling and supports infinite loops for seamless user interaction. A quick setup can be done using the shadcn CLI.

React Wheel Picker – iOS-like wheel picker for React

This is incredible it feels native.

iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
<ul>
<li>📱 Natural touch scrolling with smooth inertia effect</li>
<li>🖱️ Mouse drag and scroll support for desktop</li>
<li>🔄 Infinite loop scrolling</li>
<li>🎨 Unstyled components for complete style customization</li>
<li>⚡️ Easy installation via shadcn CLI.</li>
</ul>
<img src="https://media.daily.dev/image/upload/s--U_OdzdRd--/f_auto/v1747883083/ugc/content_d61dfdab-ff1c-414f-b8a4-a702ca176f07?_a=BAMClqUq0" alt="react-wheel-picker">