Best jQuery Menus Plugins & Tutorials with Demo

    nuContextMenu : jQuery Context Menu

    nuContextMenu : jQuery Context Menu

    A modern context menu with font awesome support for web apps. The script is extremely light weight (2.2 kB), and it treats the menu as the primary object. This means that a single menu can be attached to multiple elements.

    uilang.js : UI-focused Programming Language

    uilang.js : UI-focused Programming Language

    uilang is a dead simple programming language for web designers. With uilang, you write your code just like plain English, straight into your HTML using a <code> element. uilang’s logic relies on manipulating classes on HTML elements and using these classes in CSS to show, hide, animate and transform elements when a click occurs. This simple logic lets designers create most of the typical user interface behaviours: tabs, popovers, overlays, sliding menus, etc.

    Demo 1 Demo 2 Demo 3 Demo 4 Demo 5

    Fixed Responsive One Page Nav

    Fixed Responsive One Page Nav

    Responsive, fixed and touch friendly one page navigation with animated scrolling.

    Features:

    • Fixed positioned, always visible navigation bar
    • Uses vanilla JavaScript, no jQuery required
    • Smooth animated scrolling
    • Removes 300ms tap delay
    • Adds a mask over the content when navigation is open
    • Auto highlights current location
    • Uses a tiny custom font for icons (only two characters included)
    • Closes the navigation when user tap’s outside of it

    Page Stack Navigation with CSS3 & JavaScript

    Page Stack Navigation with CSS3 & JavaScript

    A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.The idea is to show a navigation when clicking on the menu button and transform all pages in 3D and move them to the bottom of the viewport. The next two pages are shown in the back of the current page as a stack. When clicking on a menu item, the respective page comes up.

    AnchorSpy.js : jQuery plugin to Active Menu item on Scroll

    AnchorSpy.js : jQuery plugin to Active Menu item on Scroll

    AnchorSpy.js is a jQuery plugin to active menu item on scroll.

    Project Cards Template in CSS & jQuery

    Project Cards Template in CSS & jQuery

    A portfolio template with expandable projects and a full-page navigation inspired by Primer app.

    Mega Nav : CSS Mega Navigation Menu

    Mega Nav : CSS Mega Navigation Menu

    A simple mega nav menu in pure CSS. This mega nav uses top-rated CSS classes for modern features, like colors for background and to change text on hover and stuff.

    SecretNav : jQuery Push Menu Plugin

    SecretNav : jQuery Push Menu Plugin

    SecretNav is a small jQuery push menu plugin that slides out an off-canvas navigation from the edge of the screen while pushing the main content away with a fancy CSS3 powered 3D perspective effect.

    Demo 1 Demo 2

    Tocify.js : jQuery Table of Contents

    Tocify.js : jQuery Table of Contents

    A jQuery plugin that dynamically generates a table of contents. Tocify can be optionally styled with Twitter Bootstrap or jQueryUI Themeroller, and optionally animated with jQuery show/hide effects. Tocify also optionally provides support for smooth scrolling, scroll highlighting, scroll page extending, and forward and back button support.

    Responsive Multi Menu with jQuery & CSS3

    Responsive Multi Menu with jQuery & CSS3

    The easiest way to develop site with multi level navigation and user-friendly experience it has been optimized for mobile devices using HTML5, CSS3 and jQuery.

    Features:

    • Easy installation
    • Multi level on CSS
    • Light-weight
    • Multiple menus
    • Works in mobiles
    • Free licensed under MIT