Collection
Post cover
Created 4 month back

Top 47 React JS Menus

Collection of free React JS menu: off canvas, circle, context and other.

Animated Menu with React and Gsap

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

Post cover

React Context Menu

Context menu implemented in React.

Author: vkbansal (Vivek Kumar Bansal)

Links: GitHub

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.4k 31 364
Post cover

React Menu Aim

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

Author: jasonslyvia (Sen Yang)

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
159 4 20

React Rectangle Popup Menu

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

Post cover

React Native Circular Menu

A Ripple menu effect for your react native application

Author: cinder92 (Dante Cervantes)

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
131 7 18

React Site Nav

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

Post cover

Customizable Side Menu For React Native

Side menu component for React Native.

Author: Kureev (React Native Community)

Links: GitHub

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2.2k 40 443

Simple Full Page Navigation

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

Post cover

React Menu

React menu component.

Author: react-component

Links: GitHub, Website

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
606 38 217

React Multilevel Sidebar

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.

Post cover

React DD Menu

React Dropdown Menu

Author: Mikkel Laursen

Links: GitHub, Website

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
140 1 41

Liquid Overlay

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

RCTX Contextmenu

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

Post cover

Museum Website UI/UX (Swiper, React)

Author: Roden

Links: demo and code

Made with: HTML / CSS / JS

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

Responsive: yes

Dependencies: swiper.js

Post cover

React Contexify

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:

⭐ Stars 👀️ Watchers 📎️ Forks
796 11 96

Burger Menu with React

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

React Hamburger Menu

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

Rapid Image Hover Menu Effects

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

Post cover

Radial Menu

React native radial menu.

Author: omulet (Bogdan Silivestru)

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
176 5 24

React Accordion Menu Component

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

Post cover

react-native-menu/menu

Author: react-native-menu

Links: github

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

Share Selected Text to Twitter via Context Menu

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

Full Page Quad Navigation

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

Styled Off Canvas

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

Post cover

React Navbar Dropdown Menu Responsive

Author: CodeAT21

Links: github

React Motion with Glamorous & Glamor

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

Post cover

React Metismenu

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:

⭐ Stars 👀️ Watchers 📎️ Forks
174 6 95
Post cover

React Tree Menu Component

A stateless tree menu component for React.

Author: Mandarin Drummond

Links: GitHub, Website

Made with: JavaScript (99.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
171 11 55
Post cover

React Path Menu

Path Fly Out menu recreated using React Motion

Author: Nash Vail

Links: GitHub

Made with: JavaScript (99.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
273 10 47

Animated Sidebar Menu

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

React Stripe Menu

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

Post cover

Hamburger Menu in React JS

Author: CodeBucks

Links: github

Menu Sorting

Author: Dale B.

Links: github

A simple sorting menu design with animations.

React Pro Sidebar

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.

React Flexible Sliding Menu

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

Post cover

React Native Off Canvas Menu

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:

⭐ Stars 👀️ Watchers 📎️ Forks
408 15 62

Double Menu UI Animation in & for React Native

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.

Jump Using Context Menu

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

Post cover

React Native Circle Menu

⭕️ 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:

⭐ Stars 👀️ Watchers 📎️ Forks
580 19 69
Post cover

React Burger Menu

🍔 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:

⭐ Stars 👀️ Watchers 📎️ Forks
4.7k 58 582
Post cover

React Native Bubble Menu

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:

⭐ Stars 👀️ Watchers 📎️ Forks
99 6 14
Post cover

React Motion Menu / Deprecated

🍔 A spring animation menu component for React.

Author: bokuweb-sandbox

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
335 11 46
Post cover

React Aria Menu button

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:

⭐ Stars 👀️ Watchers 📎️ Forks
434 5 78

React Use Context Menu

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

react-menu-list

Author: Damilare Oyedeji

Links: github

A React menu component with filter features.

Post cover

React Native Popup Menu

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

Author: instea

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.3k 18 235

Fancy Animated Context Menu

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

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback