React Wheel Picker

react-wheel-picker.chanhdai.com

iOS-style wheel picker component for React with smooth scroll and snap behavior.

Overview

React Wheel Picker is an iOS-style wheel picker component for React applications. It provides a native-feeling scrolling experience with smooth inertia physics, infinite loop support, and full keyboard navigation.

The component is unstyled and integrates seamlessly with shadcn/ui via the shadcn CLI. It supports both mouse and touch interactions, making it suitable for desktop and mobile web applications. The library is open-source and community-backed, hosted on Vercel with source code available on GitHub.

Key features

Smooth inertia scrolling physics
Infinite loop scrolling
Mouse drag and scroll support
Full keyboard navigation and type-ahead search
Unstyled components for complete customization
shadcn CLI integration
3D perspective rendering
Configurable sensitivity and visibility

Pros

Natural touch physics mimics iOS behavior
Fully customizable styling via data attributes and class names
Easy installation through shadcn CLI
Supports both controlled and uncontrolled modes
Accessible with keyboard navigation
Works on desktop and mobile

Cons

Unstyled by default requires custom styling
Limited to string or number option values
Requires React knowledge to implement

Use this if

You need an iOS-style picker component, want unstyled components for full control, or are building with shadcn/ui.

Skip this if

You need pre-styled components out of the box or require non-string/number option values.

Best for

Building iOS-style picker interfacesWeb applications needing touch-friendly selectionProjects using shadcn/uiCustom-styled wheel picker implementations

Alternatives

shadcn/ui SelectHeadless UIRadix UI Primitive components

Compare React Wheel Picker alternatives

More Component

Compare all

Radix Icons

Crisp 15×15 icon set for interface design.

React Router

Declarative routing library for React apps with nested routes and data APIs.

Vercel AI Elements

Vercel AI SDK component library on shadcn/ui for AI-native apps.

Radix UI

Unstyled, accessible React primitives for dialogs, menus, tabs, and form controls.