Top 30 Best Responsive Menu jQuery Plugins Of 2017 (So Far)

by jQueryScript,

A responsive menu jQuery plugin will automatically transform the regular site navigation into a responsive, mobile-friendly navigation menu for cross-platform web pages and web apps. In this blog post you will find the top 30 best Responsive Menu jQuery plugins for both desktop and mobile web design. I hope you like it.

Not a jQuery user? View Top 10 JavaScript & CSS Responsive Menus.

Top 30 Responsive Menu jQuery Plugins:

Mobile-friendly Multi-level Dropdown Menu Plugin - jQuery Stellarnav

Stellarnav is a responsive dropdown menu plugin for jQuery that supports infinite levels of sub menus and auto switches to a small screen friendly toggle menu when the window width reaches a specified breakpoint.

https://www.jqueryscript.net/menu/Mobile-friendly-Multi-level-Dropdown-Menu-Plugin-jQuery-Stellarnav.html

[Demo] [Download]

Responsive Cross-platform jQuery Mega Menu Plugin - megamenu-js

megamenu-js is a lightweight, responsive, cross-browser jQuery mega menu plugin that helps you create multi-column dropdown navigation for both desktop and mobile devices.

https://www.jqueryscript.net/menu/Responsive-Cross-platform-jQuery-Mega-Menu-Plugin-megamenu-js.html

[Demo] [Download]

Responsive Multi-level Dropdown & Toggle Menu Plugin With jQuery

A jQuery based responsive dropdown navigation menu that automatically switches to a mobile-friendly toggle menu when the window width reaches a specified breakpoint.

https://www.jqueryscript.net/menu/Responsive-Multi-level-Dropdown-Toggle-Menu-Plugin-With-jQuery.html

[Demo] [Download]

Responsive Admin Sidebar Menu Plugin With jQuery - sidebar-nav

sidebar-nav is a jQuery (Bootstrap) plugin that lets you create a responsive, collapsible, multi-level, treeview-style sidebar navigation for your admin dashboard webpages.

https://www.jqueryscript.net/menu/Responsive-Admin-Sidebar-Menu-Plugin-With-jQuery-sidebar-nav.html

[Demo] [Download]

Responsive Collapsible Toggle Menu Plugin With jQuery - eosMenu

eosMenu helps you create a responsive, multi-level, accordion-style menu where all the menu items will be collapsed into a dropdown toggle menu on small screens.

https://www.jqueryscript.net/menu/Responsive-Collapsible-Toggle-Menu-Plugin-With-jQuery-eosMenu.html

[Demo] [Download]

Simplest Responsive Nav Menu With jQuery And CSS3 - nav-mobile.js

Just another jQuery & CSS based mobile-friendly navigation system that automatically converts the regular horizontal site menu into a sliding dropdown menu with a toggle link.

https://www.jqueryscript.net/menu/Simplest-Responsive-Nav-Menu-With-jQuery-CSS3-nav-mobile-js.html

[Demo] [Download]

Pretty Simple Responsive Dropdown Navigation With jQuery And CSS3

A jQuery & CSS3 based multi-level dropdown menu that automatically transforms the regular header navigation into an off-canvas hamburger menu on small screen devices.

https://www.jqueryscript.net/menu/Super-Simple-Responsive-Dropdown-Navigation-jQuery-CSS3.html

[Demo] [Download]

Responsive Dropdown & Toggle Menu Plugin With jQuery

A jQuery responsive multi-level dropdown menu which will be automatically converted into a mobile-friendly toggle menu when the screen size is smaller than a breakpoint.

https://www.jqueryscript.net/menu/Responsive-Dropdown-Toggle-Menu-Plugin-jQuery.html

[Demo] [Download]

Responsive Overflow Off-canvas Navigation Plugin With jQuery - okayNav

A mobile-friendly jQuery navigation plugin that automatically hides overflowing items and shows them in a off-canvas sidebar navigation on small screens.

https://www.jqueryscript.net/menu/Responsive-Overflow-Off-canvas-Navigation-Plugin-With-jQuery-okayNav.html

[Demo] [Download]

Creating Collapsible Bootstrap Navbars With jQuery - Responsive-collapse.js

Responsive-collapse.js is a jQuery plugin that automatically hides overflowing Bootstrap navbar items and shows them into a dropdown list on small screens.

https://www.jqueryscript.net/menu/Creating-Collapsible-Bootstrap-Navbars-With-jQuery-Responsive-collapse-js.html

[Demo] [Download]

Responsive Sliding Sidebar Navigation Plugin With jQuery - crbnMenu

crbnMenu is a lightweight jQuery plugin for creating an accordion-style collapsible sidebar navigation with sub menus on your webpage.

https://www.jqueryscript.net/menu/Responsive-Sliding-Sidebar-Navigation-Plugin-jQuery-crbnMenu.html

[Demo] [Download]

Responsive Multilevel Dropdown Menu Plugin With jQuery

RWD Multilevel Menu makes use of jQuery and CSS3 to converts the normal horizontal dropdown menu into a sliding side menu on mobile devices.

https://www.jqueryscript.net/menu/Responsive-Multilevel-Dropdown-Menu-Plugin-With-jQuery.html

[Demo] [Download]

Basic Hamburger Navigation Menu With jQuery And CSS/CSS3

A simple, lightweight, responsive, jQuery/CSS based Hamburger Navigation system.

https://www.jqueryscript.net/menu/Basic-Hamburger-Navigation-Menu-jQuery-CSS.html

[Demo] [Download]

Smart, Sticky, Responsive Navigation With jQuery And CSS3

A fully responsive header navigation that auto shows/hides as you scroll the webpage, and collapses into a hamburger dropdown menu on small screens.

https://www.jqueryscript.net/menu/Smart-Sticky-Responsive-Navigation-With-jQuery-CSS3.html

[Demo] [Download]

Mobile-friendly Responsive Navigation Plugin - Swipe Navigation

A mobile-friendly, responsive jQuery navigation plugin which collapses your menu into a horizontal, swipeable scroller when screen's size is too small to fit all menu items.

https://www.jqueryscript.net/menu/Mobile-friendly-Responsive-Navigation-Plugin-Swipe-Navigation.html

[Demo] [Download]

Responsive Dropdown Menu Plugin For jQuery - responsive-menu.js

An ultra-light (~1kb) jQuery plugin that automatically converts an ul li based menu into a dropdown toggle navigation on small screens.

https://www.jqueryscript.net/menu/Responsive-Dropdown-Menu-Plugin-For-jQuery-responsive-menu-js.html

[Demo] [Download]

Responsive Sliding Hamburger Menu Plugin For jQuery - elmenu

Just another jQuery based responsive nav solution that converts the normal navigation into a mobile-friendly sliding hamburger menu (aka off-canvas menu) on small screens.

https://www.jqueryscript.net/menu/Responsive-Sliding-Hamburger-Menu-Plugin-For-jQuery-elmenu.html

[Demo] [Download]

Responsive Mobile Toggle Navigation With jQuery And CSS3

A fully responsive site navigation that uses JQuery and media queries to switch between dropdown navigation and mobile-friendly toggle menu depending on the current screen size.

https://www.jqueryscript.net/menu/Responsive-Mobile-Toggle-Navigation-jQuery-CSS3.html

[Demo] [Download]

Responsive Header Navigation Plugin For jQuery - Menu.js

Yet another jQuery plugin for responsive, multi-level site navigation that automatically transforms the default nav list into a fullscreen, user-friendly hamburger menu in mobile view.

https://www.jqueryscript.net/menu/Responsive-Header-Navigation-Plugin-For-jQuery-Menu-js.html

[Demo] [Download]

Mobile-friendly Navigation Plugin With jQuery - Ace Responsive Menu

A lightweight, flexible, cross-browser, multi-level, mobile-friendly jQuery responsive menu plugin for your modern web project.

https://www.jqueryscript.net/menu/Ace-Responsive-Menu-jQuery.html

[Demo] [Download]

Lightweight Responsive Site Navigation System With jQuery

A lightweight, responsive menu system which turns a nested unordered list of menu links into a vertical off-canvas sliding menu on mobile view (screen size < 800px).

https://www.jqueryscript.net/menu/Lightweight-Responsive-Site-Navigation-System-With-jQuery.html

[Demo] [Download]

Responsive Scrolling Navigation Menu With jQuery and jQuery UI

A jQuery & jQuery UI based responsive, mobile-friendly navigation which allows the visitor to scroll vertically through menu items on hover or touch swipe.

https://www.jqueryscript.net/menu/Responsive-Scrolling-Navigation-Menu-With-jQuery-jQuery-UI.html

[Demo] [Download]

Responsive Mobile Navigation Plugin With jQuery - Adaptive Menu

Adaptive Menu is a lightweight jQuery plugin used to create a responsive menu that will auto switches to an off-canvas side navigation on small screens.

https://www.jqueryscript.net/tooltip/Responsive-Mobile-Navigation-Plugin-With-jQuery-Adaptive-Menu.html

[Demo] [Download]

Minimalist Responsive Dropdown Menu Plugin With jQuery - mainNavigation

mainNavigation is a simple, lightweight jQuery plugin for generating a multi-level dropdown menu that automatically collapses into an off-canvas menu in mobile view.

https://www.jqueryscript.net/menu/Minimalist-Responsive-Dropdown-Menu-Plugin-With-jQuery-mainNavigation.html

[Demo] [Download]

Responsive Sticky Navigation Plugin For jQuery - Simple Menu

The Simple Menu jQuery plugin lets you create a responsive, sticky, multi-functional, in-page navigation menu for your long webpages.

https://www.jqueryscript.net/menu/Responsive-Sticky-Navigation-Plugin-jQuery-Simple-Menu.html

[Demo] [Download]

Sliding Navigation & Back To Top Plugin - jQuery KNResponsiveMenu

The KNResponsiveMenu jQuery plugin provides the responsive fullscreen toggle menu and back to top functionality for your long webpage.

https://www.jqueryscript.net/menu/Sliding-Navigation-Back-To-Top-Plugin-jQuery-KNResponsiveMenu.html

[Demo] [Download]

Wordpress-style Accessible Dropdown Menu With jQuery

A small script to create a wordpress-style, WAI-ARIA compliant, fully responsive, cross-platform drop down menu using jQuery and CSS3 animations.

https://www.jqueryscript.net/menu/Wordpress-Style-Accessible-Dropdown-Menu-jQuery.html

[Demo] [Download]

Basic Responsive Toggle Menu Plugin For jQuery

The simplest jQuery responsive menu plugin which transforms the normal site navigation into a toggleable dropdown menu for better user experience on mobile/tablet devices.

https://www.jqueryscript.net/menu/Responsive-Toggle-Menu-jQuery.html

[Demo] [Download]

Responsive Push Menu Plugin For jQuery - uNav

uNav is a jQuery responsive menu plugin that automatically transforms the regular dropdown menu into a push menu with off-canvas style on mobile and tablet devices.

https://www.jqueryscript.net/menu/Responsive-Push-Menu-Plugin-jQuery-uNav.html

[Demo] [Download]

Basic Responsive Dropdown Menu Plugin - jQuery mainMenu.js

mainMenu.js is a lightweight, fully responsive, multi-level jQuery dropdown navigation plugin that automatically collapses into a hamburger toggle menu on small screen devices.

https://www.jqueryscript.net/menu/Responsive-Dropdown-Menu-jQuery-mainMenu.html

[Demo] [Download]

Adaptive Hamburger Menu With jQuery And CSS3

A responsive, adaptive hamburger dropdown navigation menu built using jQuery, HTML list, CSS and CSS media queries.

https://www.jqueryscript.net/menu/Hamburger-Menu-jQuery-CSS3.html

[Demo] [Download]

jQuery Plugin To Handle Overflowing Menus On Small Screens

The jQuery plugin allows you to create a responsive, mobile-friendly site navigation that clips and stacks the overflowing menu items into a dropdown list on small screens.

https://www.jqueryscript.net/menu/jQuery-Plugin-Handle-Overflowing-Menus.html

[Demo] [Download]

Mobile-friendly Multi-level Dropdown Menu Plugin For jQuery

A jQuery plugin for creating a responsive multi-level dropdown menu that automatically collapses links and shows them in an off-canvas sidebar navigation on small screen devices.

https://www.jqueryscript.net/menu/Mobile-Multi-Level-Dropdown-Menu-Plugin-jQuery.html

[Demo] [Download]

See also: