# negomi/react-burger-menu

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

Repository: https://github.com/negomi/react-burger-menu
Canonical: https://ross.abutalabs.com/products/react-burger-menu
Homepage: http://negomi.github.io/react-burger-menu/
Language: JavaScript
License: MIT
License Family: permissive
Topics: react, component, animations, transitions, hamburger-menu, sidebar
Last push: 2025-11-14T14:38:45+00:00

## Health v2 (maintenance only)
Score: 46/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 52, release rhythm 8, longevity 100
- inputs: {"age_days": 4067, "days_push": 292, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5086, forks 570 (observed 2026-08-28T04:09:09.597988+00:00)

## What it is
A React component library providing an off-canvas sidebar (hamburger menu) with multiple animation effects using CSS transitions and SVG path animations. It offers ten animation styles such as slide, elastic, and pushRotate, and integrates easily into React apps via npm.

## Use cases
- add a hamburger menu sidebar to a React app
- animated off-canvas navigation drawer
- slide-in menu component with effects
- mobile-friendly sidebar navigation
- burger icon menu with CSS transitions
- SVG animated menu overlay

## When to choose
- you need a polished off-canvas sidebar in a React project with minimal setup
- you want a choice of prebuilt menu animation styles
- you use React 16.8+ and want a hooks-based component

## When to avoid
- you are not using React
- you need a fully custom menu with bespoke animation logic
- you need a full navigation bar or responsive layout framework rather than a sidebar component

## Facets
- artifact type: library
- maturity: stable
- function: ui-components, animation, frontend-framework
- domain: frontend, web-development, web-design
- platform: browser, cross-platform
- tags: react, hamburger-menu, sidebar, off-canvas-menu, css-transitions, svg-animations, react-component, nodejs

## Member repositories
- negomi/react-burger-menu (main) score 46

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:09.597988+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:02:33.575975+00:00, confidence not recorded.
  - readme: https://github.com/negomi/react-burger-menu (fetched 2026-08-28T04:09:09.597988+00:00, sha f399579e764d)
  - homepage: http://negomi.github.io/react-burger-menu/ (fetched 2026-08-29T08:57:34.433056+00:00, sha bd219a6c58c8)
  - registry_npm: https://registry.npmjs.org/react-burger-menu (fetched 2026-08-29T08:57:34.442534+00:00, sha ad218d5b041a)
- Data as of 2026-08-30T08:39:29.467469+00:00.