Best jQuery Context Menu Plugins & Tutorials with Demo

    gizmoMenu : Customizable jQuery Context Menus

    gizmoMenu : Customizable jQuery Context Menus

    gizmoMenu gives you full design control over your site’s context menu. Just copy and paste one of the HTML menu styles and modify it to your liking. All HTML is exposed – allowing you to expand gizmoMenu however you like.

    • Lightweight and easy to use
    • Copy and Paste approach – no lengthy docs!
    • DropDown style contextmenu
    • Hamburger style contextmenu
    • Horizontal style contextmenu
    • Includes 6 color presets
    • Use any menu you want – including MegaMenus!

    textAssist : jQuery Smart Auto Text Assistant Plugin

    textAssist : jQuery Smart Auto Text Assistant Plugin

    textAssist is the smart auto text assistant script with highly customizable options. This script uses the jQuery framework and you can use it on dynamic web pages. textAssist helps web developers in making web sites more usable and user friendly.With the help of this plugin a web page could be easily assisted for users who selected some texts on it.

    Features:

    • Highly Flexible and Customizable.
    • Highly User Interface Design.
    • Multilanguage support.
    • Customizable through css.
    • Extremely simple configuration.
    • Auto Assist.
    • Auto adjustment.
    • Customizable items.
    • Items could be builded from JSON hash.
    • Unlimited items.
    • Items can contain HTML tags.

    Bootstrap Context Menu with jQuery

    Bootstrap Context Menu with jQuery

    Context menu plugin for Twitter’s Bootstrap framework.

    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

    jQuery UI Context Menu

    jQuery UI Context Menu

    jQuery plugin that turns a jQueryUI menu widget into a context menu.

    • Define menus from <ul> element or definition list (i.e. [{title: "Paste", cmd: "paste"}, ...]).
    • Themable using jQuery ThemeRoller.
    • Supports delegation (i.e. can be bound to elements that don’t exist at the time the context menu is initialized).
    • Exposes events from jQueryUI menu: blur, create, focus, select.
    • Optional support for touch devices.

    Jeegoocontext : jQuery ContextMenu plugin

    Jeegoocontext : jQuery ContextMenu plugin

    Jeegoocontext is a jQuery plugin that allows for multiple custom contextmenus (pop-up menus) to exist on a single page. The plugin is able to transform any unordered list appended to the body into a multi-level, intelligently positioned styled contextmenu via a single call.

    Context.js : jQuery Contextual Menus with Twitters Bootstrap CSS

    Context.js : jQuery Contextual Menus with Twitters Bootstrap CSS

    Context.js is a lightweight solution for contextual menus. Currently, there are two versions.

    The first is to be used with Twitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it’s base styles.

    Features:

    • Linted: Valid JS
    • Can be used with or without Twitters Bootstrap.css
    • Event Based Links
    • Anchor Links
    • Headers
    • Dividers
    • Recursive Menus (infinite depth)
    • Vertical Space Detection (turns into a “dropup”)
    • Horizontal Space Detection (Drops to the left instead of right)
    • Add/Delete menus Dynamically

    jQuery Simple Context Menu

    jQuery Simple Context Menu

    There are loadsof context menu plugins already. But they require a fair amount of work to make them look good.This one is easy to use, small, and looks good.

    Features:

    • Tiny library. Only dependency is jQuery.
    • Simple API.
    • Looks good out of the box, with no additional tweaking.
    • Designed to look and behave like a standard Windows context menu.
    • There’s so little code, it should be easy to add your own custom features.

    jPie jQuery Circular Menu

    jPie jQuery Circular Menu

    jPie is a Contextual Circular Menu for jQuery.

    Here are the features:

    • You can create countless instances and each instance can be fully customizable using the attributes provided by the plugin (DRAGGABLE, CLOSABLE etc…)
    • Fully customizable layouts, using an external CSS and specific themes.
    • Ability to associate to each element of the DOM own context menu
    • Fully compatible with the major browser ( IE, Chrome, Safari,Firefox, Opera)
    • Can replace the context menu of the browser

    jQuery contextMenu

    jQuery context Menu

    The jQuery contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects. Unlike implementations as a beautiful site’s or trendskitchens’ this contextMenu treats the menu as the primary object. That means, that a single menu is defined that can be used by multiple objects. Unlike the mentioned plugins, contextMenu doesn’t need to bind itself to triggering objects. This allows injecting and removing triggers without having to re-initialize or update contextMenu.