Vue Horizontal List

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

Installation:

To install Vue Horizontal, you can use the following steps:

npm install vue-horizontal

Once installed, import the library in your Vue component:

import VueHorizontal from 'vue-horizontal'

Then, you can start using Vue Horizontal in your Vue templates.

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.