Customizable Horizontal Slide Menu For VueJs 2+

Vue Slider is a customizable horizontal slide menu for VueJs 2+.

vue js hamburger menu, vue js sidebar menu, vue js sidebar example, responsive sidebar menu vuejs, vue 3 sidebar menu, vue js menu, vuetify dropdown menu example

Create a Beautiful Mobile App-Like Sliding Menu | mmenu.js

How to make use of it:


$ npm install @jeremyhamm/vue-slider --save


import Vue from 'vue'
import Slider from '@jeremyhamm/vue-slider'

import Slider from '@jeremyhamm/vue-slider'

export default {
  components: {
    'slider': Slider
<slider :width="300" format="push" direction="left" :opacity="0.15" :links="[{'id': 1, 'text': 'Link 1', 'url': ''}, {'id': 2, 'text': 'Link 2', 'url': ''}]"></slider>


widthNumber300Menu Width (px)
formatStringoverlaypush, full, overlay
directionStringleftleft, right
opacityNumber00.00 - 1.00 Representing css opacity
linksArraynull[{'id': 1, 'text': 'Link 1', 'url': ''}, {'id': 2, 'text': 'Link 2', 'url': ''}]
customStylesObject{}{'navMenu': {'background-color': 'black'}, 'navIcon': {'color': 'blue'}}

Horizontal Slide Menu, Vue Slider Plugin/Github, vuejs dropdown menu

See Demo And Download

Official Website(jeremyhamm): Click Here

This superior jQuery/javascript plugin is developed by jeremyhamm. For extra advanced usage, please go to the official website.

Related Posts


[Icon Picker] Iconpicker for Bootstrap 5 Icons Library

Bootstrap 5-based icon picker which supports any icon libraries like Bootstrap Icons, Font Awesome[], etc. Must Read: 1000+ Pixel Perfect SVG Icons For Vue Components | Unicons How…


Bootstrap Multiple Image Upload with Preview and Delete | ImagesLoader

ImagesLoader is a standard bootstrap image upload plugin that provides an easy-to-use and nice-looking interface for uploading multiple images to a web server. Must Read: HTML 5…


A Lightweight jQuery Plugin for Animating Split-Flap Displays | fallblatt

fallblatt is a lightweight jQuery plugin for animating split screens. This jQuery plugin allows you to include such offers in your web application. Everything from virtual departure…


Dark & Light Switch Mode Toggle for Bootstrap 5

Switching to dark mode is done by toggling HTML tags that include -dark or -light as a category. It is made by manipulating the DOM with JavaScript. The text color also changes depending…


jQuery Plugin for Countdown Timer on HTML Page | SyoTimer

yoTimer jQuery plugin allows you to create digital style countdowns/periodic timers on the webpage, with callbacks support and timezone/translation customization. Features Periodic count with the specified period…


Dynamic, Data-driven Periodic Table built with Vue.js

Periodicity is a dynamic, data-driven periodic table created with Vue.js that uses D3 animations and graphs to show the beauty of periodic trends. Built With vue.js (component…