Option Wheel

Option Wheel is a scroll animation in the UI HUB scroll animations collection. A curved option picker wheel. Options arc around a tilt axis with rotation, blur, and fade as they recede from the center row. Direct manipulation via wheel, touchpad, or pointer drag, plus keyboard arrows and click-to-select, all eased with frame-rate-independent exponential smoothing.

The component is driven by 20 documented props (items, defaultSelected, onChange, textColor, activeColor, side and 14 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: requestAnimationFrame; exponential smoothing; pointer events and pointer capture.

Preview the scroll animation in the browser above, copy the source, and paste it into your project. Scroll Animations components in UI HUB are grouped by category so you can compare effects side by side before choosing one.