What is context menu:
A context menu is a useful UI component for the web that replaces the native browser right-click menu with a highly customizable one of your own.
In this post you will find the 10 best context menu components built with jQuery and/or vanilla JavaScript that are easy to integrate with your existing web project. Enjoy!
Table of contents:
jQuery Context Menu Plugins:
Multi-Level Right-Click (Context) Menu with jQuery and Bootstrap - ContextJS
ContextJS is a lightweitht jQuery plugin that makes it easy to create multi-level right mouse-click (context) menu with event based links support.
Simple jQuery & jQuery UI Right-Click Context Menu Plugin
A jQuery UI and jQuery based plugin that displays a clean and animated context menu by right-clicking in an element or using open and close methods.
Feature-rich Custom jQuery Context Menu Plugin - contextMenu
contextMenu is a feature-rich and high performance jQuery plugin for replacing the default browser's right-click menu with a custom one.
Simple jQuery Context Menu Plugin For Bootstrap - Context-menu
A tiny jQuery plugin which allows you to create a right click context menu using native Bootstrap's dropdowns component.
Custom Right-Click (Context) Menu Plugin With jQuery - contextMenu
The jQuery contextMenu plugin that allows you to bind a dynamic right-click context menu with custom actions to any DOM elements.
Vanilla JS Context Menu Libraries:
Beautiful Multi-level Context Menu with Pure JavaScript and CSS3
A beautiful multi-level context menu built with JavaScript and CSS that replaces the default browser right click menu and comes with a smooth pop-up animation based on CSS3 transitions and transforms.
Lightweight Context Menu Library – class2context.js
class2context.js is a lightweight, simple-to-use JavaScript plugin that helps you add a custom context menu to your webpage.
Lightweight Context Menu JavaScript Library – justContext.js
justContext.js is a tiny JavaScript library that binds a highly customizable and easy-to-style context menu on the right click event.
Simple Vanilla JavaScript Context Menu
A simple, animated, customizable modal-style context menu (right click menu) implemented in Vanilla JavaScript. The context menu will slide into your webpage with a fullscreen overlay as you right click on a specific container.
Touch-enabled Context Menu In Vanilla JavaScript – basicContext
basicContext is a lightweight vanilla JavaScript library to create context menus that support click, right click and touch tap events.
Conclusion:
Want more jQuery plugins or JavaScript libraries to create awesome context menus on the web & mobile? Check out the jQuery Cascading Dropdown and JavaScript Cascading Dropdown sections.
- Publication date: 01.06.2019
- Source