Best jQuery Menus Plugins & Tutorials with Demo

menuUI : jQuery Bootstrap Menu with JSON

menuUI : jQuery Bootstrap Menu with JSON

menuUI is a simple plugin to generate bootstrap nav bar from a json object.

jQuery Right-click Context Menu

jQuery Right-click Context Menu

This jQuery plugin makes it easy to add right-click context menu functionality to any web application. A context menu can help make a web application feel even more like a native application.

  • Supports keyboard control
  • Always stays in viewport (menus never open outside of the visible area)
  • Supports infinite amount of sub-menus
  • Enable disable items or entire menus
  • Add and remove items and let the menu refresh
  • Show non-menu items like images or forms
  • Supports right- or left-click control

sideToggle : jQuery plugin for Toggling Elements Sideways

sideToggle : jQuery plugin for Toggling Elements Sideways

This is a small jQuery plugin that toggles elements sideways, rather than the up-and-down default of jQuery’s toggle. There are three versions available for use; one of them uses an extra Javascript library called Velocity.js that offers a performance gain over jQuery’s .animate(), but it likely won’t be necessary for small use.

MEGA : jQuery Responsive Megamenu Navigation

MEGA : jQuery Responsive Megamenu Navigation

A Responsive Megamenu plugin made to enhance your website navigation. Versatile, fully customizable and easy to use!

  • Fully Responsive
  • Vertical or horizontal dropdowns
  • Left, Center and Right alignment
  • Tabs an lists
  • Bootstrap Compatible
  • SASS files

Hiraku.js : jQuery Offcanvas Menu Plugin

Hiraku.js : jQuery Offcanvas Menu Plugin

We made jQuery plugin called hiraku.js so that more people can use Offcanvas-menu functionality which is used in a CMS we make.

Features:

  • Not affected by the DOM structure.
  • Enable to open both right and left side menu.
  • Main canvas is not scrolled, while scrolling Offcanvas-menu.
  • Easy to control the movement
  • Accessible for keyboard navigation and screen readers.

Ember Burger Menu

Ember Burger Menu

An off-canvas sidebar component with a collection of animations and styles using CSS transitions.

Features:

  • Easy to use & setup off-canvas menu
  • Mix and match from many menu & menu item animations
  • Swipe gesture support with changeable thresholds
  • Easily create your own animations

Ember Burger Menu : Off-canvas Sidebar

Ember Burger Menu : Off-canvas Sidebar

An off-canvas sidebar component with a collection of animations and styles using CSS transitions.

Features:

  • Easy to use & setup off-canvas menu
  • Mix and match from many menu & menu item animations
  • Control your menu from anywhere in your app
  • Swipe gesture support with changeable thresholds
  • Easily create your own animations

Sweet and versatile Dropdowns using jQuery

Sweet and versatile Dropdowns using jQuery

Sweet and versatile dropdowns using jQuery.Create dropdowns in any direction with any kind of content.

Attractive fully Responsive Menu using CSS3

Attractive fully Responsive Menu using CSS3

A fully responsive navigation using css3 and jQuery which is very attractive with animated effects. In this header, you can see clean navigation items with search and in mobile/tablet you can see attractive toggle menu with animated open/close effects.

SmartMenu : Responsive jQuery Mega Menu

SmartMenu : Responsive jQuery Mega Menu

SmartMenu is a user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different submenus.

Features:

  • Responsive design
  • Supports multiple instances
  • Horizontal (top, bottom) or Vertical (left, right) menu layouts
  • Mega / Flyout submenus
  • Pure CSS3 animations (fade, slide)
  • 3 ways of dropdown (hover, click, toggle)
  • 7 color skins which can be changed easily
  • Custom mega dropdowns, forms, search bar, social icons or HTML
  • 12 columns fluid grid
  • You can add images, maps or videos


Best jQuery websites design awards