Best jQuery Menus Plugins & Tutorials with Demo

    Vertical Responsive Menu with JavaScript & CSS3

    Vertical Responsive Menu with JavaScript & CSS3

    A mobile first vertical responsive menu using HTML, CSS & JS

    Lateralus : jQuery Slide & Push Menus

    Lateralus : jQuery Slide & Push Menus

    Lateralus is a group of menus, to help you build your next website or app.You can choose between normal side menus (right or left) and top menu or push menus (right or left), that push your page to give room to the menu.
    Pure HTML & CSS with only some HTML5 & CSS3 benefits, and with the use of simple jQuery script so you can easily customize at your own taste!

    jQuery Animated Dropdown Mega Menu Plugin

    jQuery Animated Dropdown Mega Menu Plugin

    An Animated Dropdown Mega Menu a jquery plugin that uses Animate CSS/HoverIntent with CSS only fallback.

    • Javascript Based menu with CSS only fallback
    • Uses CSS3 animation when available (fallback to js)
    • Works in IE7+

    jQuery Responsive Menu

    jQuery Responsive Menu

    jQuery Responsive Menu is a drop-down menu for responsive websites. It is a jQuery plugin that includes a JavaScript file and CSS file as well as sample HTML.

    Gooey Menu : Cool gooey effects Menu with jQuery & SVG

    Gooey Menu: Cool gooey effects Menu with jQuery & SVG

    jQuery Menu Plugin With Cool Gooey Effects

    • Cool gooey effects using SVG filters
    • Six menu styles (spaced/stacked round, horizontal, vertical menus)
    • 15+ easily customizable options
    • Easy to use event API
    • Fully responsive layout
    • Support of all modern browsers

    Slideout.js : Touch Slideout Navigation Menu

    Slideout.js : Touch Slideout Navigation Menu

    A touch slideout navigation menu for your mobile web apps.

    Features:

    • Dependency-free.
    • Simple markup.
    • Native scrolling.
    • Easy customization.
    • CSS transforms & transitions.
    • Just 4 Kb!

    Inspiration for Button Styles and Effects with CSS3

    Inspiration for Button Styles and Effects with CSS3

    A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.

    Secondary sliding Navigation with CSS3 & jQuery

    Secondary sliding Navigation with CSS3 & jQuery

    A bold, secondary menu that slides over the main navigation.

    This approach can be an alternative to a standard dropdown menu, in particular if you want to emphasise more the sub navigation. Besides you can easily customize the snippet and use the slide in panel for a search box instead, or a login form – just to give you a couple of ideas.

    Bootstrap Offcanvas Menu

    Bootstrap Offcanvas Menu

    Super simple, easy to use off-canvas navigation menu for Bootstrap.It uses Bootstrap classes and markup to create an off-canvas menu that not only looks good. But works perfectly.

    jQuery Bootstrap Submenu

    jQuery Bootstrap Submenu

    Bootstrap menu with submenu option with jQuery.