Best jQuery Menus Plugins & Tutorials with Demo

    Slidemenu : jQuery Side Menus with style

    Slidemenu : jQuery Side Menus with style

    Slidemenu is a jquery menu plugin for side menus with fun slide interactions.

    Datmenu – Responsive Menu jQuery Plugin

    Datmenu - Responsive Menu jQuery Plugin

    DatMenu is a premium quality jquery plugin for responsive navigation that is built with love and care.

    • Easy To use
    • Multiple Animations
    • Easy Modifications
    • Top Menu Bar
    • Retina Ready
    • Responsive layout
    • Compatibility (IE, Firefox, Opera, Safari, Chrome)
    • Unlimited Colors
    • Unlimited Styling Options

    PgwMenu : Responsive Menu plugin for jQuery

    PgwMenu : Responsive Menu plugin for jQuery

    Responsive Menu plugin for jQuery and Zepto.

    Features:

    • Full customization with the CSS file included
    • Fully responsive navigation menu (desktop and mobile devices)
    • SEO compliant
    • Less than 2 KB (minified and gzipped)

    Headhesive.js : An on-demand Sticky Header

    Headhesive.js : An on-demand Sticky Header

    Headhesive.js creates an on-demand sticky header. Specify when you want your header to become fixed and the rest is magic.

    Fixed Auto-Hiding Nav Bar with JavaScript

    Fixed Auto-Hiding Nav Bar with JavaScript

    Top navigation bars have always been popular in web design. Since these elements contain such vital information some designers like to keep them fixed on-screen while scrolling down the page. But unfortunately this can get in the way of content if the bar is too large. A popular online blogging platform Medium created an interesting method of hiding the bar when scrolling down and re-showing it when scrolling back up.

    Smart Fixed Navigation with CSS3 & jQuery

    Smart Fixed Navigation with CSS3 & jQuery

    A fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It’s smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution.

    JsMorph : JavaScript Motion framework

    JsMorph : JavaScript Motion framework

    jsMorph is a morphing – motion – tweening framework that knows what you need to do… get going! It’s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

    jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.

    jQuery Slideout Menu

    jQuery Slideout Menu

    We’ve created an elegant jQuery-powered animated slideout menu. We were inspired by the simple effect found at Outdated Browser and extended the menu to also work in a variety of places. Try it as a top menu, as well as a right-side menu. Let’s dive into some code and learn how to use this drop.

    contextMenu.js : jQuery Context Menu Plugin

    contextMenu.js : jQuery Context Menu Plugin

    contextMenu.js is a plugin to create windows like context menu with keyboard interaction, different type of inputs ,trigger events and much more.

    Features:

    • Use as simple popup or as a context menu. With some twick can be used for multi purpose.
    • Adjust position and size to fit in viewport.
    • Keyboard interaction.
    • Support different type of inputs (json, UL list).
    • Trigger Context menu with right-click, left-click,hover or any other mouse events.
    • Css outside of javascript so you can edit the look of menu.
    • Enable/disable options.
    • Optional icons for commands.
    • Lot of configurable options.
    • Submenus