design-infraReport a problem or share feedback← Catalog
Arc Picker
freebeui/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.
$
npx shadcn@latest add @beui/arc-pickernpm deps: clsx, motion, tailwind-merge
- Source
- beUI (free)
- Kind
- component
- Categories
- misc
- Use as
- drop-in — replaces your component
- Applies to
- misc
- Motion
- on drag · medium · motion · medium cost
- Tags
- react, tailwind-v4, motion, motion
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- Fluid Ai Workloadscult-ui/fluid-ai-workloadsFluid visualization for AI workload states
- Comet Dialreact-bits/comet-dialTick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven comet streaks behind the lit head, trailing the direction of travel and vanishing at rest.
- Shredderreact-bits/shredderA list with a paper shredder at the bottom. Drag a row into the slit and the rollers tug it in, pull it through and cut it into strips that curl out underneath, tumble away and fade out. The rest of the list settles down on a spring and the shredded item is handed to you to delete.