30+ Awesome jQuery Menu Plugins

Hey, in this instance I want to present some cool jQuery menu we have collected for your needs, this plugins will help web developers to generate gorgeous website menus, footer menu, responsive menu navigation, tabs, columns and navigation system for your web sites.

See Also: +108 Free CSS Menu Designs {Mega Menu, Dropdown, Horizontal, Vertical}

Website menu is one of the most important component of a website design. In this showcasing, we have pick up beautiful responsive jquery menu navigation plugins and tutorials that you could also install free.

Once you discover another jQuery menu around that you feel that it can also be put along into collection. feel free to contribute urls inside our comments part.

Pull Menu

pull_menu_menu_interaction_concept

An interesting pull menu interaction concept. Just pull down and release to jump between pages.

DemoDownload

fatNav

fatnav_fullscreen_menu_with_hamburger_toggle

jQuery fatNav is a chubby fullscreen menu with nice hamburger toggle.

DemoDownload

FlexMenu

FlexMenu

FlexMenu is a lightweight and rich-feature solution for creation jQuery based responsive site navigations. It supports mega menu items, show and hide CSS3 animations, unlimited flyout submenus.

Download

Responsive Overlay Menu Framework

responsive_overlay_menu_framework

A framework for making responsive cross-browser overlay menus.

DemoDownload

Responsive Sidebar Navigation

responsive_sidebar_navigation

A nice tutorial about creating Responsive Sidebar Navigation. It’s easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas.

DemoDownload

Stretchy Navigation with CSS and jQuery

stretchy_navigation_with_css_and_jquery

Stretchy Navigation is a rounded navigation trigger that stretches on click/tap to reveal the navigation items.

DemoDownload

Bootstrap Dropselect

bootstrap_dropselect

Bootstrap Dropselect is a simple jQuery plugin that extends bootstrap’s dropdown menu into something like github’s select menu.

DemoDownload

Animating an SVG Menu Icon with Segment

animating_an_svg_menu_icon_with_segment

A tutorial on how to implement an animated menu icon using SVG and Segment, a JavaScript library for drawing and animating SVG paths.

DemoDownload

Another Hamburger with CSS and jQuery

another_hamburger_with_css_and_jquery

An open-mobile-menu hamburger that turns into close-mobile-menu button with a not-the-same-as-always animation but a quite discreet another one.

DemoDownload

footerMenu

footermenu_slide_up_toggle_footer_menu_with_jquery

footerMenu is a simple and easy jQuery plugin to slide up toggle footer menu when scroll down.

DemoDownload

Full-Screen Pushing Navigation

fullscreen_pushing_navigation

A full page menu, that replaces the current content by pushing it off the screen.

DemoDownload

Multi-Level Accordion Menu

multilevel_accordion_menu

A tutorial about creating simple accordion menu with support for sub level items by using CSS and jQuery.

DemoDownload

Power List Menu

power_list_menu_mobile_centric,_multilevel_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.

DemoDownload

nuContextMenu

nucontextmenu_modern_jquery_context_menu

nuContextMenu is a jQuery plugin to create modern context menu with Font Awesome support for web apps.

DemoDownload

Page Tilt Effect

page_tilt_effect

Effect simulating a tilting sheet of paper to reveal the navigation menu.

DemoDownload

Solution for Long Drop Down Items

solution_for_long_drop_down_items

A simple solution with jQuery to solve problems on long drop down menus. This technique is when you scroll down, the menu actually moved too.

DemoDownload

Slideout.js

slideout.js_touch_slideout_navigation_menu

Slideout.js is a touch slide out navigation menu for your mobile web apps.

DemoDownload

jQuery Hamburger Icon Menu

jquery_hamburger_icon_menu

jQuery Hamburger Icon Menu combines the two popular trends of a full screen menu and using an “hamburger” style icon to toggle it to create a lightweight, elegant mobile friendly site menu.

DemoDownload

ScrollMenu

scrollmenu_new_interface_to_replace_your_old_scrollbar

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 customizability of plugin you can have a unique user experience.

DemoDownload

Dropit

dropit_jquery_plugin_for_single_level_dropdown_menu

Dropit is a jQuery plugin for single level dropdown menu’s. Just simple and flexible dropdown in jQuery.

DemoDownload

Multilevel Toggle Responsive Navigation Menu with jQuery

multilevel_toggle_responsive_navigation_menu_with_jquery

A tutorial about creating Multilevel Toggle (accordion) Responsive Navigation Menu using jQuery.

DemoDownload

okayNav

okaynav_jquery_responsive_navigation_plugin

okayNav is a jQuery plugin to create responsive navigation that aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time

DemoDownload

Multi-Device Scrolling Menu

multidevice_scrolling_menu

Multi-Device Scrolling Menu is a simple responsive horizontal menu ready for any device.

DemoDownload

Responsive Multi Menu

responsive_multi_menu

Reponsive multi level menu navigation that has been optimized for mobile devices using HTML5, CSS3 and jQuery.

DemoDownload

Simpler Sidebar

simpler_sidebar_simple_jquery_sidebar_plugin

Simpler Sidebar is a jQuery plugin to create simple sidebar menu/navigation. It can be use both for left and right side.

DemoDownload

megamenu.js

megamenu.js_responsive_jquery_mega_menu

megamenu.js is a responsive, cross-browser, jQuery mega menu for your website.

DemoDownload

Page Stack Navigation

page_stack_navigation

A template for a simple page stack navigation by using CSS and jQuery.

DemoDownload

Multi-Level Menu

multilevel_menu

A tutorial about creating a simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.

DemoDownload

Bootstrap Context Menu

bootstrap_context_menu

A context menu plugin for Bootstrap framework. It can be use via data attributes or via javascript.

DemoDownload

Our Context Menu

our_context_menu_lightweight_jquery_context_menu

Our Context Menu is a quick solution for a customized lightweight context menu for your website built with jQuery.

DemoDownload

cbFlyout

cbflyout_responsive_offscreen_navigation_with_jquery

cbFlyout is a jQuery plugin to create responsive off-screen navigation concept.

DemoDownload

Greedy Navigation

greedy_navigation

GreedyNav is a responsive navigation menu that stacks items into a dropdown menu when they overflow.

DemoDownload

Bootstrap Offcanvas Menu

bootstrap_offcanvas_menu

Bootstrap Offcanvas is a super simple, easy to use off-canvas navigation menu for Bootstrap.

DemoDownload

Mega Dropdown with CSS and jQuery

mega_dropdown_with_css_and_jquery

A tutorial about creating responsive and easy to customise mega-dropdown menu component by using CSS and jQuery.

DemoDownload

Bamboo.js

bamboo.js_responsive_website_menu_and_structure

Bamboo.js is a basic structural framework for responsive Web Apps that require a sliding menu and a fixed header with scrollable content area. The burger menu button toggles the menu open and close. You can also swipe left or right to interact with the menu. When the browser is greater than a specified breakpoint (desktop) the menu is permanently visible on the left.

DemoDownload

Leave a Reply

Your email address will not be published. Required fields are marked *

Close
Please support the site
By clicking any of these buttons you help our site to get better :)