Best jQuery Menus Plugins & Tutorials with Demo

Snap.js : A Library for creating beautiful mobile shelfs in Javascript

Snap.js : A Library for creating beautiful mobile shelfs in Javascript

A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)

Features:

  • Firefox 10+, Wide Webkit Support (Android WebKit 2.3.X+)
  • Library Independent
  • High Customization
  • Flick Support
  • User Intent Detection
  • Event Hooks
  • CSS3 Powered Animations
  • Drag Support
  • Programatic API
  • “No-Drag” Elements
  • Definable Easing Mode
  • Enable/Disable Events
  • Disabled Sides (left or right)

jQuery Responsive Multi-Level Menu with CSS3

jQuery Responsive Multi-Level Menu with CSS3

Today we want to share an experimental drop-down menu with you. The main idea is to save space for menus that have a lot of content and sub-levels. Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. This is done with subtle animations that are defined in separate animation classes. The menu is fluid so that it can be used easily in a responsive layout.

Slide and Push Menus in CSS & JavaScript

Slide and Push Menus in CSS & JavaScript

A set of fixed menus that will slide out from any of the edges of the page. The two menus that slide out from the left and right side can also be used in combination with the body moving to the left or right side, respectively, hence being “pushed”.

There are examples of how to trigger the opening and closing of the menus and some example media queries.

Flaunt.js : jQuery stylish responsive navigations

Flaunt.js : jQuery stylish responsive navigations

Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you’ve pressed…

Metro Menu : jQuery Stylish Menu

Metro Menu : jQuery Stylish Menu

Metro Menu will help you to create a powerful stylish menu.This plugin is responsive and customizable. You can change the color, animation, position, closing methods and more.

Features:

  • Infinite Menu Options
  • Infinite SubMenu Options
  • Infinite color
  • more than 100 different images
  • You can control the way that the Metro Menu will disappear
  • Support 1 main menu and every option can store a submenu with infinite sub menu icons

Metro Style Side Menu with jQuery

Metro Style Side Menu with jQuery

Metro Style Side Menu with jQuery.

Features:

  • Crossbrowser
  • Simple/Clean
  • Metro Style
  • 900+ SVG Icons
  • Hight Resolution (100% vector)
  • Valid HTML5

jQuery Circle Navigation

jQuery Circle Navigation

This is a navigation menu in a circle shape. Contain 7 round shapes with different colors. It is easy to edit and customize.

SooperFish : jQuery Multi Column Dropdown Menus

SooperFish : jQuery plugin for Multi-Column Dropdown Menus

SooperFish is a highly configurable solution for animated dropdown menus. It combines the features of superfish, structured programming of Droppy and a ton of new features like multi-column dropdown menus and configurable show AND hide animation with custom easing.jQuery sooperfish is a mobile & touchscreen friendly drop down menu script. The script supports multi-column sub menus by automatically dividing menus into 2 or 3 columns when the number of items in a sub menu exceeds a configurable limit.

Feature:

  • Automatic dual or triple columns based on number of child menu items
  • Optional delay before hiding menu on mouse-out
  • Optional automatic indicator arrows (in black or white)
  • Configurable show AND hide animations
  • Custom easing supported
  • Works with jQuery backlava plugin (optionally)
  • Works fine with Javascript disabled
  • Comes with several free themes to demonstrate styling

jui_dropdown : jQuery Dropdown button Menu plugin

jui_dropdown : jQuery Dropdown button Menu plugin

jui_dropdown is a jquery plugin, provides a simple dropdown button menu (split button). jQuery UI themes compatible.Compatible with modern web browsers. Tested with: Google Chrome, Mozilla Firefox, Microsoft Internet Explorer >= 8, (default) Android browser.

Vertu : Simple Mega Menu with jQuery, Html5 & CSS3

Vertu : Simple Mega Menu with jQuery, Html5 & CSS3

Vertu – Simple Mega Menu is simple and easy mega menu with many functions.

Features:

  • Multi-Functional Menu
  • 4 levels drop down horizontal menu
  • Easy to change structure via CSS
  • Simple menu construction
  • Metro Style Menu
  • Cross Browser Support
  • Clean Code
  • Include HTML5/CSS3 and JavaScript file
  • Beautiful Contact Form


Best jQuery websites design awards