Top 47 React JS Menus

Author: Dale B.

Links: github

A simple sorting menu design with animations.

Author: Fabio Ottaviani

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (Babel)

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: gsap.js

Author: CodeAT21

Links: github

Author: Damilare Oyedeji

Links: github

A React menu component with filter features.

Author: CodeBucks

Links: github

Author: Roden

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: swiper.js

Author: Raghav Walia

Links: github

It's so simple to use. You just need to pass the data (categories) for both of the columns/double menu.

Author: react-native-menu

Links: github

Android PopupMenu and iOS14+ UIMenu components for react-native.

Author: Sonny R. Recio

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (Babel)

Animated sidebar menu with React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: react-dom.js

Author: hewhodevs

Links: demo and code

Made with: HTML / CSS / JS (Babel)

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js

Author: Codrops

Links: demo and code

Made with: HTML / CSS / JS

A set of hover effects on menu items with images.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Author: Mikael Ainalem

Links: demo and code

Made with: HTML / CSS / JS (Babel)

Morphing menu overlay.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js, react-use-gesture.js

Author: Cory L

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (TypeScript)

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, react-dom.js

Author: Luca Campli

Links: demo and code

Made with: HTML / CSS / JS

A React hook for easily creating custom Context Menus! The hooks take care of the logic and creating the a11y attributes, you take care of the UI!

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Author: Allan Pooley

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (Babel)

A simple full-page navigation built with React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Author: pjkarlik

Links: demo and code

Made with: HTML / CSS (Less) / JS (Babel)

When navigation is a part of the page and experience, click one of the headers to dive into and out of one of the four page sections. Using React16 and mostly state to trigger CSS changes in a basic CSS Flexbox Grid.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js

Author: bRIMOs

Links: github

A responsive sidebar template version of the HTML pro side bar with dropdown menu built with React 16.8 and Bootstrap 4.

Author: KoderLabs

Links: gihub

react-multilevel-sidebar is a sidebar component for web and responsive mobile layout it gives you nested level menu where you can categorize your items.

Author: Kishore

Links: demo and code

Made with: HTML / CSS / JS

Context menu plugin for React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Author: Akram Khalid

Links: demo and code

Made with: HTML / CSS / JS

A really fancy menu built with React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-router.js, gsap.js

Author: Codebrahma

Links: demo and code

Made with: HTML / CSS / JS

A React library which provides Flexible Sliding Menu with an easy to use API and a bunch of other awesome features. Also, you get to choose which animation you want for the sliding menu.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Author: Marco Streng

Links: demo and code

Made with: HTML / CSS / JS

Styled Off Canvas is a customizable off-canvas menu built with React and styled-components.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Author: Maks Akymenko

Links: demo and code

Made with: HTML / CSS / JS (Babel)

Burger menu with React hooks and styled-components.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js, styled-components.js

Author: brigitamaria

Links: demo and code

Made with: HTML / CSS (Sass) / JS (Babel)

Jump using context menu with React.js

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js

Author: brigitamaria

Links: demo and code

Made with: HTML / CSS (Sass) / JS (Babel)

This example works for desktop browser. Select text to show menu, and click the tweet icon on menu to tweet selected text.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js, feather.js

Author: Yusinto Ngadiman

Links: demo and code

Made with: HTML / CSS / JS

A beautiful site navigation bar to be proud of.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author: Alex Holachek

Links: demo and code

Made with: HTML / CSS / JS

A stripe-style animated navbar menu.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-flip-toolkit.js

Author: Alexander Buzin

Links: demo and code

Made with: HTML / CSS / JS

React rectangle popup menu library.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Reactnative library made by @Ramotion

Author: Ramotion

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

A Bubble menu effect for your react native application, work very well with react-native-verctor-icons.

Author: cinder92 (Dante Cervantes)

Links: GitHub

Made with: JavaScript (42.4%), Objective-C (33.7%), Python (13.2%), Java (10.7%)

GitHub Activity:

A Ripple menu effect for your react native application

Author: cinder92 (Dante Cervantes)

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

Author: Kye Hohenberger

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js, react-motion.js

Beautifully crafted off canvas menu components for react native applications. Built on top of react-native's Animated library.

Author: Provash Shoumma

Links: GitHub

Made with: JavaScript (84.3%), Objective-C (9.5%), Python (3.5%), Java (2.7%)

GitHub Activity:

Add a context menu to your react app with ease

Author: fkhadra (Fadi Khadra)

Links: GitHub, Website

Made with: TypeScript (86.9%), SCSS (8.9%), JavaScript (2.7%)

GitHub Activity:

Extensible popup menu component for React Native for Android, iOS.

Author: instea

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

A ready / simple to use, highly customizable, updateable, ajax supported, animated and material designed menu component for React

Author: H.Alper Tuna

Links: GitHub, Website

Made with: JavaScript (94.9%), CSS (4.0%), HTML (1.1%)

GitHub Activity:

React native radial menu.

Author: omulet (Bogdan Silivestru)

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

Path Fly Out menu recreated using React Motion

Author: Nash Vail

Links: GitHub

Made with: JavaScript (99.9%)

GitHub Activity:

🍔 A spring animation menu component for React.

Author: bokuweb-sandbox

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

React Dropdown Menu

Author: Mikkel Laursen

Links: GitHub, Website

Made with: JavaScript (68.2%), CSS (30.6%), HTML (1.2%)

GitHub Activity:

A React mixin version of Amazon's jQuery-menu-aim plugin

Author: jasonslyvia (Sen Yang)

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

Context menu implemented in React.

Author: vkbansal (Vivek Kumar Bansal)

Links: GitHub

Made with: JavaScript (99.0%), Shell (1.0%)

GitHub Activity:

🍔 An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations

Author: negomi (Made by Imogen Wentworth)

Links: GitHub, Website

Made with: JavaScript (96.5%), Less (3.0%), HTML (0.5%)

GitHub Activity:

Side menu component for React Native.

Author: Kureev (React Native Community)

Links: GitHub

Made with: JavaScript (99.3%), Shell (0.7%)

GitHub Activity:

React component (set of components, really) that will help you build accessible menu buttons by providing keyboard interactions and ARIA attributes aligned with the WAI-ARIA Menu Button Design Pattern.

Author: David Clark

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

A stateless tree menu component for React.

Author: Mandarin Drummond

Links: GitHub, Website

Made with: JavaScript (99.9%)

GitHub Activity:

React menu component.

Author: react-component

Links: GitHub, Website

Made with: TypeScript (58.3%), JavaScript (36.0%), Less (5.7%)

GitHub Activity: