30+ Vuejs Menu Components for Vue.js Application

Vuejs menu components are a great way to add navigation to your web application. In this blog post, we’ll take a look at 30+ the best Vuejs menu components available on GitHub.

1.  Liquor Tree

A Vue tree component that allows you to present hierarchically organized data in a nice and logical manner.

View Demo

Download Source

2.  vs-crumbs

Works with multi-level paths without the need for child views. For example: “/foo/bar” and “/foo/boo” or even “/foo/:id” can all be used at the same level with a single router-view. Supports child views too.

View Demo

Download Source

3.  vue-navigation

“A page navigation library, record routes and cache pages, like native app navigation. vue-navigation default behavior is similar to native mobile app (A、B、C are pages): A forward to B, then forward to C; C back to B, B will recover from cache; B forward to C again, C will rebuild, not recover from cache; C forward to A, A will build, now the route contains two A instance. !important: vue-navigation adds a key to the url to distinguish the route. The default name of the key is VNK, which can be modified. ”

View Demo

Download Source

4.  vue-breadcrumbs

Vue breadcrumbs builds on the official vue-router package to provide simple breadcrumbs. This package is backwards compatible to support both Vue 1.x and Vue 2.x.

View Demo

Download Source

5.  Navigation tree menu component with nice integration with vue-router

Navigation tree menu component with nice integration with vue-router.

View Demo

Download Source

6.  vue-side-nav

for the best user-experience when navigating your side, you can use a responsive side-nav.

View Demo

Download Source

7.  vue-navigation-bar

A simple, pretty navbar for your Vue projects. (A work in progress for a few more days maybe) .

View Demo

Download Source

8.  vue-component-boilerplate

A Vue.js component to toggle navigation drawer menu container.

View Demo

Download Source

9.  vue-quick-menu

This is web navigation component base on vue2.0+. It can be used in both PC and mobile.

View Demo

Download Source

10.  vue-tree-nav

“Navigation tree menu component with nice integration with vue-router. Ready out of the box! Side bar with infinite depth Links and dropdows with infinite depth on both right and left side Font Awesome icons Css transitions Beautiful themes to choose Complete customizable”

View Demo

Download Source

11.  vue-simple-drawer

A tiny Drawer component with bounced animation for Vue ????????

View Demo

Download Source

12.  Vue Stripe Menu

Creating a navigation menu with animations like on Stripe

View Demo

Download Source

13.  Vue Slider

A slide menu for vuejs

View Demo

Download Source

14.  vue-dynamic-dropdown

A highly dynamic vue dropdown component

View Demo

Download Source

15.  vue-scrollactive

Lightweight and simple to use vue component that highlights menu items as you scroll the page, also scrolling to target section when clicked.

View Demo

Download Source

16.  vue-sidebar-menu

A Vue.js sidebar menu component with vue-router compatibility

View Demo

Download Source

17.  vue-burger-menu

An off-canvas sidebar Vue component with a collection of effects and styles using CSS transitions and SVG path animations.

View Demo

Download Source

18.  vue-tree

tree and multi-select component based on Vue.js 2.0

View Demo

Download Source

19.  v-selectmenu

SelectMenu for Vuejs, A simple, easier and highly customized menu solution

View Demo

Download Source

20.  vue-simple-context-menu

📌 Simple context-menu component built for Vue. Works well with both left and right clicks. Nothing too fancy, just works and is simple to use.

View Demo

Download Source

21.  vue-context

A simple vue context menu component.

View Demo

Download Source

22.  sl-vue-tree

Customizable draggable tree component for Vue.js

View Demo

Download Source

23.  VueJS Tree

A highly customizable and blazing fast Vue tree component ⚡🌲

View Demo

Download Source

24.  vue-easycm

🍪 Simplify Vue context menu component

View Demo

Download Source

25.  tree-component

A reactjs and vuejs tree component.

View Demo

Download Source

26.  vue-3d-menu

Vue 的 3d 菜单组件。 效果参照 2013 版 miaov 官网右上角菜单。

View Demo

Download Source

27.  vue-jstree

A Tree Plugin For Vue2.0+

View Demo

Download Source

28.  vue-menu

Recent web technologies focus on mobile environments. UIs premised on mouse operation such as window, context-menu, nested-menu and so on are no longer mainstream. However hierarchical structure — context-menu and nested-menu — is still effective. This package is an implementation of {nested,context}-menu for PC environments as a Vue Component.

View Demo

Download Source

29.  Vue simple menu

Vue component for fast create simple menu block

View Demo

Download Source