A smooth, touch-friendly picker component for Vue 3 with iOS-like scrolling animations.
vue-smooth-picker is a Vue 3 component library that provides a smooth, iOS-style picker interface for selecting data on touchscreen devices. It solves the problem of creating native-feeling selection experiences for web applications, particularly for mobile use cases like time selection, product choices, or category picking.
Vue 3 developers building mobile web applications or touch-optimized interfaces that require smooth, native-like selection components.
Developers choose vue-smooth-picker for its iOS-like smooth scrolling animations, touch-friendly design, and Vue 3-first architecture with TypeScript support, providing a better user experience than standard HTML select elements.
🏄🏼 A SmoothPicker for Vue 3 (like native datetime picker of iOS)
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Built specifically for Vue 3 with Composition API compatibility, ensuring seamless integration and modern development practices, as highlighted in the README.
Includes full TypeScript definitions, providing type safety and enhanced IDE support, which is explicitly listed as a key feature.
Delivers fluid scrolling animations optimized for touch devices, mimicking native iOS pickers for a premium user experience, as demonstrated in the screen record GIF.
Supports real-time data changes through instance methods like setGroupData, allowing flexible and responsive picker interfaces without full re-renders.
No mention of ARIA support or keyboard navigation in the documentation, making it unsuitable for projects with strict accessibility requirements out-of-the-box.
Requires custom CSS for styling as there are no pre-built themes or default designs, increasing initial setup time despite the customizable styles claim.
The Vue 2 version is explicitly no longer maintained, forcing legacy projects to migrate or seek alternatives, as noted in the README.