Arc Picker

Radial text picker with top, bottom, left or right curves, smooth wheel movement and live selection on each scroll step. One persistent bracket frame grows and squeezes around each label. Supports drag momentum, keyboard input, disabled choices, controlled or uncontrolled values, forms and reduced motion.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/arc-picker

Files

• components/motion/arc-picker.tsx
• lib/ease.ts
• lib/i18n.tsx
• lib/touch.ts
• lib/utils.ts

Source

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

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Select Components
• React Select Components
• Tailwind CSS Select Components
• Animated Select Components

More from beUI

• Color Picker
• Combobox
• Date Range Picker
• Multi Select
• Select
• Select Morph
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity