Post thumbnail: 37 jQuery Menu Plugins

37 jQuery Menu Plugins

Collection of free jQuery menu plugins. Context, fullscreen, horizontal, vertical, off-canvas, scroll, side, sticky and mega menu.

Table Of Contents:

  1. jQuery Context Menu
  2. jQuery Full Screen Menu
  3. jQuery Horizontal And Vertical Menu
  4. jQuery Mega Menu
  5. jQuery Off-Canvas Menu
  6. jQuery Scroll Navigation Menu
  7. jQuery Side Menu
  8. jQuery Sticky Menu

jQuery Context Menu

Demo image: jQuery Context Menu
Made by
  • SWIS
Github activity
  • 1663 stars
  • 126 watchers
About the plugin

jQuery Context Menu

jQuery contextMenu plugin & polyfill.

Demo image: jQuery UI Contextmenu
Made by
  • Martin Wendt
Github activity
  • 153 stars
  • 27 watchers
About the plugin

jQuery UI Contextmenu

jQuery plugin that turns a jQueryUI menu widget into a context menu.

Demo image: Context Menu For jQuery
Made by
  • Joe Walnes
Github activity
  • 103 stars
  • 15 watchers
About the plugin

Context Menu For jQuery

A really simple, good looking jQuery context menu.

Features
  • tiny library. Only dependency is jQuery
  • simple API
  • looks good out of the box, with no additional tweaking
  • designed to look and behave like a standard Windows context menu
  • there's so little code, it should be easy to add your own custom features

jQuery Full Screen Menu

Demo image: Square Menu
Made by
  • Pete R.
Github activity
  • 118 stars
  • 8 watchers
About the plugin

Square Menu

A square-like menu animation for website using jQuery and CSS3.

Demo image: Query fatNav
Made by
  • Adrien Glitchbone
Github activity
  • 72 stars
  • 8 watchers
About the plugin

Query fatNav

Fullscreen menu with nice hamburger toggle.

jQuery Horizontal And Vertical Menu

Demo image: Metismenu
Made by
  • Osman Nuri Okumuş
Github activity
  • 1508 stars
  • 106 watchers
About the plugin

Metismenu

A jQuery menu plugin.

Features
  • horizontal menu
  • vertical menu
  • folder view
  • hover options
Demo image: jQuery Superfish Dropdown Menu Plugin
Made by
  • Joel Birch
Github activity
  • 856 stars
  • 84 watchers
About the plugin

jQuery Superfish Dropdown Menu Plugin

Superfish is a jQuery plugin that adds usability enhancements to existing multi-level drop-down menus.

Demo image: SlickNav
Made by
  • Josh
Github activity
  • 824 stars
  • 66 watchers
About the plugin

SlickNav

Responsive mobile menu jQuery plugin.

Features
  • multi-level menu support
  • flexible, simple markup
  • cross-browser compatibility
  • keyboard Accessible
  • degrades gracefully without JavaScript
  • creates ARIA compliant menu
Demo image: SmartMenus
Made by
  • Vasil Dinkov
Github activity
  • 478 stars
  • 51 watchers
About the plugin

SmartMenus

Advanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices.

Features
  • optimized for mobile and desktop browsers supporting touch, mouse or both inputs at the same time
  • section 508 compliant and fully accessible to assistive technology like screen readers
  • list-based (search engine friendly) markup - can be easily generated from any kind of database
  • completely CSS driven with fully customizable menu styles
  • unlimited menu trees on the same page and unlimited sub menu levels supported
  • horizontal or vertical main menu items arrangement
  • absolute/relative/fixed positioning for the main menus supported
  • right-to-left and bottom-to-top display of the sub menus is possible
  • full support for RTL text/pages (e.g. Hebrew, Arabic)
  • full window size detection - the menus will always be kept inside the window's boundaries
  • automatically adjustable width for the sub menus is supported (including min/max settings)
  • advanced keyboard navigation support
  • compact optimized code
Demo image: Drawer
Made by
  • Yasuyuki Enomoto
Github activity
  • 477 stars
  • 29 watchers
About the plugin

Drawer

Flexible drawer menu using jQuery, iScroll and CSS.

Demo image: Slinky
Made by
  • Ali Zahid
Github activity
  • 430 stars
  • 20 watchers
About the plugin

Slinky

A light-weight, responsive, mobile-like navigation menu plugin.

Demo image: Bootstrap Submenu
Made by
  • Vasilii Artemchuk
Github activity
  • 343 stars
  • 40 watchers
About the plugin

Bootstrap Submenu

Bootstrap sub-menus.

Demo image: SlimMenu
Made by
  • Adnan Topal
Github activity
  • 299 stars
  • 34 watchers
About the plugin

SlimMenu

SlimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

Features
  • multi-level nested menus
  • 100% mobile responsive menus
  • multiple slimMenu navigations on the same page
  • tap areas to toggle sub menus easily in touch devices
  • hover option and effects for desktop version
  • sub menu indentation options for responsive version
Demo image: jQuery.Dropotron
Made by
  • aj
Github activity
  • 123 stars
  • 15 watchers
About the plugin

jQuery.Dropotron

jquery.dropotron: multilevel dropdown menus for jQuery.

jQuery Mega Menu

Demo image: jQuery Menu Aim
Made by
  • Ben Kamens
Github activity
  • 7651 stars
  • 412 watchers
About the plugin

jQuery Menu Aim

jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.

jQuery Off-Canvas Menu

Demo image: mmenu
Made by
  • Fred Heusschen
Github activity
  • 2094 stars
  • 121 watchers
About the plugin

mmenu

Empower your website with a mobile menu that has the true native app menu experience with sliding submenus.

Demo image: Slidebars
Made by
  • Adam Smith
Github activity
  • 1486 stars
  • 104 watchers
About the plugin

Slidebars

Slidebars is a jQuery framework for off-canvas menus and sidebars into your website or web app.

Demo image: jPanelMenu
Made by
  • Anthony Colangelo
Github activity
  • 956 stars
  • 86 watchers
About the plugin

jPanelMenu

A jQuery plugin that creates a paneled-style menu.

Demo image: Multi Level Push Menu
Made by
  • Momcilo Dzunic
Github activity
  • 783 stars
  • 64 watchers
About the plugin

Multi Level Push Menu

MultiLevel Push Menu jQuery plugin implementation.

Features
  • multi-level menu support
  • endless nesting of navigation elements
  • expand/collapse navigation with a left/right swipe gesture
  • push/slide DOM elements of choice
  • left-to-right and right-to-left sliding directions
  • flexible, simple markup
  • JS array input, if markup is not present
  • a number of exposed options, methods and events
  • cross-browser compatibility
Demo image: Scotch Panels
Made by
  • scotch
Github activity
  • 582 stars
  • 41 watchers
About the plugin

Scotch Panels

Dead simple off canvas menus and panels jQuery plugin. Over 30 easy to understand demos!

Features
  • uses CSS3 with JavaScript fallback
  • fully responsive
  • custom transition styles
  • completely customizable with tons of optional settings
  • lightweight, easy to use, and only one file
  • cross browser support
  • choose either custom HTML, images, iframes, or video panels
  • optionally use HTM5 data attributes
  • off-canvas directions from top, bottom, left, and right
  • works from any container or div
  • extensive callbacks API
  • click, touch, hover, and keyboard helpers
Demo image: bigSlide.js
Made by
  • Adam Scott
Github activity
  • 392 stars
  • 19 watchers
About the plugin

bigSlide.js

bigSlide is a teeny tiny (~1kb compressed) jQuery plugin for creating off-screen slide panel navigation.

Demo image: offCanvasMenu
Made by
  • Cloud Four
Github activity
  • 150 stars
  • 13 watchers
About the plugin

offCanvasMenu

offCanvasMenu is a jQuery/Zepto plugin that provides an easy way to implement an off-canvas toggling menu, a navigation metaphor made popular by mobile applications.

Demo image: Sliiide
Made by
  • Ahmed Radwan
Github activity
  • 126 stars
  • 12 watchers
About the plugin

Sliiide

The easiest way to create a sliding menu with jQuery.

Demo image: Fly Sidemenu
Made by
  • Pete R.
Github activity
  • 115 stars
  • 13 watchers
About the plugin

Fly Sidemenu

Recreate an Airbnb iOS7 app menu animation using CSS3 and jQuery.

Demo image: Hiraku.js
Made by
  • appleple
Github activity
  • 65 stars
  • 12 watchers
About the plugin

Hiraku.js

Hiraku.js - jQuery offcanvas menu plugin.

Demo image: jquery.SecretNav
Made by
  • Miguel Jiménez
Github activity
  • 64 stars
  • 7 watchers
About the plugin

jquery.SecretNav

SecretNav is a small jQuery push menu plugin that slides out an off-canvas navigation from the edge of the screen while pushing the main content away with a fancy CSS3 powered 3D perspective effect.

Demo image: Box Lid Menu
Made by
  • James Lim
Github activity
  • 43 stars
  • 9 watchers
About the plugin

Box Lid Menu

This jQuery plugin creates the box lid effect for navigation menus.

jQuery Scroll Navigation Menu

Demo image: scrollNav
Made by
  • Jimmy Wilson
Github activity
  • 394 stars
  • 25 watchers
About the plugin

scrollNav

A jQuery plugin for building a scrolling navigation menu.

Features
  • simple to set up: with a single file import and function in your footer, you're on your way
  • fully customizable: very little styling is set for you, but the bit that is, is fully customizable
  • tiny size: at 1.5kb min'd and GZip'd, scrollNav is pretty unintrusive. If you use Ajax to import and initiate it, it's almost negligable
Demo image: visualNav
Made by
  • Rob Garrison
Github activity
  • 68 stars
  • 8 watchers
About the plugin

visualNav

A jQuery plugin that modifies a navigation menu to highlight/change when the menu's target smooth scrolls into view.

Features
  • smooth scrolling page navigation
  • easing can easily be defined for both horizontal and vertical scrolling
  • auto-updating menu which highlights both the currently viewed content & other content in view
  • user can cancel auto-scroll by pressing any key, clicking on the page or scrolling the mousewheel
  • can be set up to work with any menu elements. Integrates easily with Bootstrap
  • location hash updates as you scroll through the page
Demo image: Fixed Table of Contents Drop-Down Menu jQuery Plugin
Made by
  • Louis Lazaris
Github activity
  • 53 stars
  • 0 watchers
About the plugin

Fixed Table of Contents Drop-Down Menu jQuery Plugin

A fixed table of contents drop-down menu jQuery plugin. Just change the markup to add more depth to the menus. The script should automatically recognize deeper menus, as long as you have the corresponding sections in the content area.

jQuery Side Menu

Demo image: Sidr
Made by
  • Alberto Varela
Github activity
  • 2921 stars
  • 154 watchers
About the plugin

Sidr

Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive. It uses CSS3 transitions in modern browsers and fallbacks into jQuery.animate when they are not supported.

Demo image: Tendina
Made by
  • Ivan Prignano
Github activity
  • 139 stars
  • 15 watchers
About the plugin

Tendina

Tendina is a simple jQuery plugin that helps you build dynamic, interactive side-menus in seconds.

Demo image: Slide And Swipe Menu
Made by
  • Joan Claret
Github activity
  • 96 stars
  • 12 watchers
About the plugin

Slide And Swipe Menu

A sliding swipe menu that works with touchSwipe library.

Demo image: Sidebar Menu
Made by
  • huang.xinghui
Github activity
  • 42 stars
  • 4 watchers
About the plugin

Sidebar Menu

Sidebar menu jQuery component base on AdminLTE.

Demo image: stickUp
Made by
  • Liran Cohen
Github activity
  • 1531 stars
  • 100 watchers
About the plugin

stickUp

StickUp a jQuery Plugin for sticky navigation menus.

Features
  • simple integration
  • the "one pager"
Demo image: stickyNavbar.js
Made by
  • Jozef Butko
Github activity
  • 278 stars
  • 17 watchers
About the plugin

stickyNavbar.js

StickyNavbar.js: fancy sticky navigation jQuery plugin with smart anchor links highlighting.

Back to top