awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
negomi avatar

negomi/react-burger-menu

0
View on GitHub↗
5,090 stars·575 forks·JavaScript·MIT·15 viewsnegomi.github.io/react-burger-menu↗

React Burger Menu

react-burger-menu is a sidebar navigation component for React applications. It implements an off-canvas menu pattern using CSS transitions and SVG animations to create sliding effects.

The component provides configurable transition animations, including slide, stack, and scale effects. It utilizes SVG path morphing to animate the hamburger icon during menu interactions.

The library supports menu style customization through configuration objects and external stylesheets. It is designed for responsive web navigation by hiding links behind a toggle button to save screen space.

Features

  • Animated Transitions - A navigational menu with configurable slide, stack, and scale transitions for mobile and desktop user interfaces.
  • Sidebars - Provides a customizable sidebar component for toggling hidden navigation panels.
  • Off-Canvas Renderings - Renders a sidebar navigation menu that slides into view using CSS transitions and SVG animations.
  • Path Morphing - Animates the hamburger icon by morphing SVG path coordinates during interaction transitions.
  • SVG Path Animations - Uses SVG path morphing to create smooth visual transitions for the menu toggle icon.
  • React Components - Ships a reusable, animated sidebar interface element specifically designed for the React ecosystem.
  • CSS Transitions - Implements smooth sidebar motion and visibility using hardware-accelerated CSS transitions.
  • Off-Canvas Layouts - Provides an off-canvas layout pattern that slides the navigation menu into the viewport.
  • Navigation Collapsibles - Implements a responsive navigation pattern that hides menu links behind a toggle button on small screens.
  • Menu Transition Animations - Provides predefined animation styles for menu transitions, including sliding and scaling effects.
  • Navigation Menu Styling - Supports customization of menu colors and fonts via external stylesheets and configuration objects.
  • State Class Mapping - Toggles menu visibility and animations by mapping internal open/closed states to CSS classes.
  • Dynamic Style Injection - Allows programmatic generation of menu styles through configuration objects and dynamic injection.
  • Menus and Tooltips - Off-canvas sidebar menu with various effects.

Star history

Star history chart for negomi/react-burger-menuStar history chart for negomi/react-burger-menu

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to React Burger Menu

Similar open-source projects, ranked by how many features they share with React Burger Menu.
  • alexjlockwood/shapeshifteralexjlockwood avatar

    alexjlockwood/ShapeShifter

    4,070View on GitHub↗

    ShapeShifter is a visual editor and utility for creating morphing animations between SVG vector paths. It serves as an interpolation editor that allows for the alignment and modification of vector points to produce fluid transitions between different shapes. The project functions as a cross-platform vector asset generator, exporting animation data as spritesheets and drawable files for use on Android, iOS, and web platforms. It specializes in converting disparate SVG path commands into a unified format to ensure a one-to-one point mapping between shapes. The tool includes capabilities for pa

    TypeScriptandroidangularanimated-vector-drawable
    View on GitHub↗4,070
  • ant-design/ant-motionant-design avatar

    ant-design/ant-motion

    4,613View on GitHub↗

    This is a React animation library providing a collection of components for creating choreographed motion, complex transitions, and SVG morphing. It functions as a motion design specification and a UI component animation wrapper system used to apply 3D transforms, Bezier curves, and entry-exit transitions to interface elements. The project includes a scroll-driven animation suite for synchronizing UI movements and parallax effects with the viewport position, as well as an SVG motion framework for animating paths, drawing lines incrementally, and interpolating coordinates for shape morphing. I

    JavaScriptanimationant-motionjavascript
    View on GitHub↗4,613
  • blivesta/animsitionblivesta avatar

    blivesta/animsition

    3,810View on GitHub↗

    Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects, such as fades and zooms, between web pages. It functions as a DOM navigation animator that manages the timing and sequence of page removal and insertion to provide continuous movement between screens. The system operates as a page overlay animator, utilizing a coordinate-based slide controller to move covering elements across the screen in specific directions. These overlays mask background changes during transitions to maintain visual continuity. The framework leverages hardwar

    CSS
    View on GitHub↗3,810
  • facebook/reactfacebook avatar

    facebook/react

    245,669View on GitHub↗

    React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

    JavaScriptjavascriptuifrontend
    View on GitHub↗245,669
See all 30 alternatives to React Burger Menu→

Frequently asked questions

What does negomi/react-burger-menu do?

react-burger-menu is a sidebar navigation component for React applications. It implements an off-canvas menu pattern using CSS transitions and SVG animations to create sliding effects.

What are the main features of negomi/react-burger-menu?

The main features of negomi/react-burger-menu are: Animated Transitions, Sidebars, Off-Canvas Renderings, Path Morphing, SVG Path Animations, React Components, CSS Transitions, Off-Canvas Layouts.

What are some open-source alternatives to negomi/react-burger-menu?

Open-source alternatives to negomi/react-burger-menu include: alexjlockwood/shapeshifter — ShapeShifter is a visual editor and utility for creating morphing animations between SVG vector paths. It serves as an… ant-design/ant-motion — This is a React animation library providing a collection of components for creating choreographed motion, complex… blivesta/animsition — Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects,… facebook/react — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional… makovkastar/floatingactionbutton — FloatingActionButton is a scroll-driven UI controller and mobile-first interface element. It provides a circular… rstacruz/jquery.transit — This project is a jQuery plugin and animation extension that enables hardware-accelerated CSS3 transitions and…