An iOS-style scroll picker component for Vue 2 & 3 with full mouse and touch gesture support.
Vue Scroll Picker is an iOS-style scroll picker component for Vue.js applications that provides a native-like selection interface. It solves the need for a smooth, gesture-enabled picker component that works seamlessly across mouse and touch devices, mimicking the behavior of native iOS pickers. The component supports both Vue 2 and Vue 3 with TypeScript integration for type-safe development.
Vue.js developers building mobile-friendly web applications or touch-enabled interfaces that require intuitive selection components. It's particularly useful for projects needing iOS-style pickers with full gesture support.
Developers choose Vue Scroll Picker for its native iOS-like behavior, lightweight performance, and comprehensive gesture support (including mouse wheel and touch). Its TypeScript integration and minimal dependencies make it a reliable, type-safe choice compared to heavier alternatives.
iOS Style Scroll Picker Component for Vue 2 & 3. Support All Gestures of Mouse(also MouseWheel) and Touch.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Uses generics for strict type checking on options and values, reducing runtime errors and improving developer experience as highlighted in the README.
Replicates native iOS scroll picker behavior with smooth, inertia-based scrolling, making it ideal for mobile-first or touch-enabled web applications.
Supports all mouse and touch gestures, including wheel scrolling and drag sensitivity tuning, ensuring versatile interaction across devices.
Minimal dependencies and optimized rendering contribute to fast load times and smooth animations, as emphasized in the features list.
Lacks built-in functionalities like search filtering, option grouping, or virtual scrolling, which are common in more complex picker libraries.
Requires manual import of a separate style.css file, which can complicate build setups or CSS-in-JS workflows compared to purely JS-driven components.
Vue 2 support is relegated to a separate legacy branch, potentially leading to outdated features, inconsistent updates, and migration hurdles for older projects.