20 Best Vue Menu Component for Your App
Menus appear upon interaction with a button, action, or other control. They usually display a list of choices, with one choice per line, but can also show a rich content.
Here are the 20 Vue menu components I have collected very well.
1. vue-simple-drawer
A tiny Drawer component with bounced animation for Vue.
2. Vue Stripe Menu
Create a dropdown like on Stripe.
3. Vue Slider
A slide menu for vuejs.
4. vue-dynamic-dropdown
A Highly Customizable, easy-to-use elegant dropdown component.
Feedback would be much appreciated, questions, suggestions, issues are more than welcome.
5. 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.
This Vue 2 component makes it simple to highlight a menu item with an ‘active’ class as you scroll.
- Highlights items with a class as you scroll
- Scrolls to item’s section on click
- Customizable easing for scrolling on click
- Emits events on class changes
6. vue-sidebar-menu
A Vue.js Sidebar Menu Component.
7. vue-burger-menu
An off-canvas sidebar Vue component with a collection of effects and styles using CSS transitions and SVG path animations.
8. vue-tree-nav
Navigation tree menu component with nice integration with vue-router.
9. vue-tree
tree and multi-select component based on Vue.js 2.0 .
10. v-selectmenu
A simple, easier and highly customized menu solution.
11. 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.
12. vue-context
A simple yet flexible context menu for Vue. It is styled for the standard ul tag, but any menu template can be used. The only dependency this package has is Vue, so the majority of styling is up to you, and any package styles for the menu can easily be overridden.
The menu disappears when you expect by using the onblur event and it also disappears when clicked on.
13. sl-vue-tree
Customizable draggable tree component for Vue.js
14. VueJS Tree
A highly customizable and blazing fast VueJs tree viewer.
15. vue-easycm
A simple and easy to use Context Menu.
16. tree-component
A reactjs, angular and vuejs tree component.
features
- vuejs component
- reactjs component
- angular component
- open and close
- select and deselect
- disabled
- loading
- highlighted
- checkbox
- custom icon or no icon
- drag and drop
- no dots
- large and small
- default and dark theme
- contextmenu(vuejs and reactjs only)
- node id
Download Source
custom node(vuejs and reactjs only)
17. vue-3d-menu
Vuejs 3d menu component.
The effect refers to the menu in the upper right corner of the 2013 miaov official website.
18. vue-jstree
A tree plugin for vue2.
19. vue-menu
Recent web applications are mainly for mobile environments. Therefore UIs premised on mouse operation such as window, context-menu, nested-menu and so on are no longer mainstream.
However the context-menu and nested-menu are still effective way to have operations on deeply structured data. This package is an implementation of {nested,context}-menu for PC environments as a Vue Component.
20. Vue simple menu
Vue component for fast create simple menu block
I will be glad to correct the inaccuracy of the my English
Simple menu component with a set of basic functionality, which is enought in 80% of cases
I hope you like them!
#vue-js #vue-menu #vue-menu-component #best-vue-menu
