by fkhadra

Add a context menu to your react app with ease

487 Stars 70 Forks Last release: over 1 year ago (v4.0.2) MIT License 302 Commits 26 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

screenshot 2018-10-31 at 13 32 57

Build Status npm npm license Coverage Status



Go here.


Using yarn

$ yarn add react-contexify

Using npm

$ npm install --save react-contexify

The gist

import React from 'react';
import { Menu, Item, Separator, Submenu, MenuProvider } from 'react-contexify';
import 'react-contexify/dist/ReactContexify.min.css';

const onClick = ({ event, props }) => console.log(event,props);

// create your menu first const MyAwesomeMenu = () => (

Lorem Ipsum Dolor Foo Bar );

const App = () => (

Right click me...


  • [ ] Allow keyboard navigation
  • [ ] Accessibility
  • [ ] RTL support
  • [ ] Add release notes

Browser Support


Chrome Firefox Opera Safari Edge
IE 11+ ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔


Any idea and suggestions are welcome. There is a playground to help you start, just run

yarn start


React Contexify is licensed under MIT.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.