Vue Horizontal List
A pure vue native horizontal list implementation for mobile/touch and responsive web.
Overview:
Vue Horizontal is a lightweight horizontal layout library for Vue.js, offering a simple implementation with zero dependencies. Built for production needs, Vue Horizontal provides features such as end-to-end testing on real browsers, SSG/SSR CI testing for SEO compliance, and an extensive documentation. It includes a snippet dossier with various design-friendly recipes and aims to offer a versatile solution for horizontal layouts.
Features:
- Lightweight implementation with 1 dependency
- SSR supported
- Mobile touch screen friendly
- Invisible scroll bar for consistent Windows and MacOS browsing experience
- Snap to the nearest item in the horizontal list when scrolling
- Windowed & Full-screen modes
- Dynamic responsive breakpoint configuration
- Touch screen friendly
- Slideshow autoplay
- Slot different content at the beginning or the ending of the items list
Summary:
Vue Horizontal is a versatile Vue.js library for creating horizontal layouts with a focus on simplicity, extensibility, and user control. With features like mobile touch screen support, invisible scroll bars, dynamic navigation controls, and extensive documentation, Vue Horizontal offers a comprehensive solution for horizontal design needs. The library's lightweight implementation and various configuration options make it a suitable choice for developers looking to enhance their horizontal layout experiences in Vue.js projects.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.