Menu

A collection of 65 posts

A Simple React Hamburger Menu

React Hamburger Menu Built for React, this is a handy UI component for a menu icon in a mobile site or application. Installation react-hamburger-menu requires React 0.14 or later. npm install --save
13 April 2017

A ReactJS circular menu

react-radial-menu A ReactJS circular menu Live demo http://adamota.com/react-radial-menu/ GitHub
13 April 2017

Simple tooltip menu show a tooltip submenu

Simple Tooltip Menu This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main menu, depending on
12 April 2017

A stateless tree menu component for React

React Tree Menu Component A stateless tree component with the following features: Checkboxes Collapsible nodes Dynamic tree generation Declarative tree menus Built with the Flux proposal in mind (i.e. trickle-down state) demo
12 April 2017

Path Fly Out menu recreated using React Motion

ReactPathMenu React Motion exports 3 main components, Motion, StaggeredMotion and TransitionMotion. In this tutorial we’ll be taking a look at the Motion component, the one you will find yourself using most of
12 April 2017

An off-canvas sidebar React component

react-burger-menu An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations. Demo & examples Live demo: http://negomi.github.io/react-burger-menu GitHub
12 April 2017

Context Menu implemented in React

react-menu An accessible menu component built for React.JS ContextMenu in React with accessibility support. Live demo http://instructure-react.github.io/react-menu/ GitHub
12 April 2017

React Menu Buttons

React Menu Buttons React Menu Buttons BY Manuel Jung. codepen See the Pen React Menu Buttons by Manuel Jung (@manuel_jung_wwi12) on CodePen.
14 March 2017

Animation menu component for React

react-motion-menu Animation menu component for React. Basic import React from 'react'; import MotionMenu from '../../src'; export default () => ( <MotionMenu type="circle" margin={120} > <div className="button&
14 March 2017