jQuery Menu Plugins for Smooth Navigation
If you are bored with default and orthodox menus and start-ups for your websites and looking to turn on the magic for your websites then you are at right place, here at jQueryHouse we have compiled a list of 20 Best jQuery Menu Plugins that will help you to create beautiful, responsive menus and sidebars for your websites and applications. Following plugins come with number of features and functions and you can add them to your web projects easily. Feel free to share your thoughts and if you have any other jquery Menu Plugin which you think should be in the list then please tweet to @jQueryHouse, we would love to add it into the list.
1. Responsive Multi Menu
Responsive multi level menu navigation that has been optimized for mobile devices using HTML5, CSS3 and jQuery.
2. Bootstrap Dropselect
Bootstrap Dropselect is a simple jQuery plugin that extends bootstrap's dropdown menu into something like github's select menu.
3. Simpler Sidebar
Simpler Sidebar is a jQuery plugin to create simple sidebar menu/navigation. It can be use both for left and right side.
4. Scroll Menu
ScrollMenu is a new interface to replace your old boring scrollbar. It gives a user sense of where they are in a page and how long is that section. With a high customizibility of plugin you can have a unique user experience.
jQuery fatNav is a chubby fullscreen menu with nice hamburger toggle.
6. Power List Menu
Power List Menu is a mobile centric, mult-level menu that magically transforms a nested UL into a series of slide-in panels that occupy no more space than the top level UL itself. It's ideal on mobile devices where the playground for drop down or flyout menus is limited. The menu supports lazy loading via Ajax of either a child or parent menu, so a portion of the menu can be downloaded only when requested.
Slideout.js is a touch slideout navigation menu for your mobile web apps.
8. Bootstrap Offcanvas Menu
Bootstrap Offcanvas is a super simple, easy to use off-canvas navigation menu for Bootstrap.
9. Bootstrap Sub Menu
Bootstrap Sub-Menu is a jQuery plugin to create sub-menus for Bootstrap's navbar, dropdown, dropup and pills.
10. jQuery UI Context Menu
jQuery.UI-contextmenu is a jQuery plugin that turns a jQueryUI menu widget into a context menu.
MenuItems is a dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets.
12. Material Menu
Material Menu is a jQuery plugin that creates an responsive menu on website.
13. Scotch Panels
ScotchPanels.js is a jQuery plugin for easily creating off canvas menus, navigations, and other panel types such as images, videos, and iframes. Scotch Panels are featured-packed and have a ton of different options for every skill-level to tweak and implement into almost any project. It work from any container so you can put your side navigation on any element you want.
Drawer is a jQuery plugin for displaying the drawer menu using CSS animations in the event of a trigger. Setting the position can be selected either the right or left. And also supports Responsive design.
Meny is a three dimensional and space effecient menu. Meny works best in browsers with support for CSS 3D transforms, although it falls back on 2D animation for older browsers. Supports touch events for mobile devices.
15. jQuery Slideout Menu
Slideout Menu is an elegant jQuery-powered animated slideout menu. You can use it as a top menu, as well as a right-side menu.
16. jQuery Section Menu
jQuery Section Menu plugin creates a side menu that allows you to scroll to the different sections on the page.
Tendina is a super easy-to-use jQuery plugin to rapidly build dropdown side menus.
18. jQuery Sliding Menu
jQuery Sliding Menu is a mobile-like, list-style, responsive sliding navigation menu.
19. Slight Submenu
Slight Submenu is a jQuery plugin that manages behavior of submenus and is highly configurable and extensible.
metisMenu is a jQuery menu plugin for Bootstrap 3. You can create collapsible menu with animated accordion effects and auto collapse support.