Command Palette

Search for a command to run...

GitHubGitHub

Wheel Picker

iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.

Open in Open in v0
  • React
  • Vue
  • Angular
  • Svelte

About

The <WheelPicker /> component is built on top of react-wheel-picker.

Installation

pnpm dlx shadcn@latest add https://ui-x.junwen-k.dev/r/wheel-picker.json

Usage

import { WheelPicker, WheelPickerWrapper } from "@/components/ui/wheel-picker";
<WheelPickerWrapper>
  <WheelPicker />
</WheelPickerWrapper>

Examples

Default

Open in Open in v0
  • React
  • Vue
  • Angular
  • Svelte

Form

Open in Open in v0

Schedule your event by selecting a time.

Timeline

Timeline displays a list of events in chronological order.