Best jQuery Menus Plugins & Tutorials with Demo

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

Dropdown Sidebar Menu Responsive Bootstrap Navigation

Dropdown Sidebar Menu Responsive Bootstrap Navigation

Scoop Navigation Menu Consist of both Horizontal and Vertical navigation with customize options and themes. Its lightweight and compatible with almost all major browsers and devices. this plugin make more then 50 plus navigation view. It supports four levels sub menu with shrink, Overlay and push effect.

Multi purpose Responsive Scoop Navigation supports multi navigation style like: Expanded, Compact, Collapsed, offcanvas, fullPage Menu , Full MegaMenu, Half MegaMenu and Search bar on navigation. Three new navigation style introduce in this plugin like ex-popover, Sub-Expanded and fulldrop Menu

fs-pushmenu : jQuery Multi-level Push Menu

fs-pushmenu : jQuery Multi-level Push Menu

fs-pushmenu is multi-level push menu from scratch with SASS and jQuery.

DROP : jQuery Responsive Dropdown Navigation

DROP : jQuery Responsive Dropdown Navigation

DROP is an awesome navigation jQuery plugin ready to use in any HTML page displayed on mobile phones, tablets and desktop devices.



Best jQuery websites design awards