# cyntler/hamburger-react

Animated hamburger menu icons for React.js weighs only 1.5 KB.

Repository: https://github.com/cyntler/hamburger-react
Canonical: https://ross.abutalabs.com/products/hamburger-react
Homepage: https://hamburger-react.netlify.app
Language: TypeScript
License: MIT
License Family: permissive
Topics: animation, burger, hamburger, icon, icons, menu, react, toggle, transition, reactjs, hooks, animations, transitions, burger-menu, hamburger-menu, sidebar, navigation
Last push: 2024-12-22T12:41:05+00:00

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

## Adoption (not part of the score)
Stars 1041, forks 41 (observed 2026-08-28T04:03:20.611945+00:00)

## What it is
A lightweight React library of animated hamburger menu icons (~1.5 KB) driven purely by CSS transitions. It offers multiple animation styles, hooks-based state handling, and built-in accessibility attributes.

## Use cases
- add an animated hamburger menu icon to a React app
- toggle a mobile sidebar navigation in React
- replace heavy icon libraries with a tiny menu toggle
- get accessible menu button with keyboard support
- customize hamburger animation styles like tilt, spin, or squash

## When to choose
- you need a small, performant menu toggle with no JavaScript animations
- you want sensible defaults with light customization
- your project uses React 16.8+ with hooks

## When to avoid
- you need a full navigation or drawer component, not just the icon
- you don't use React
- you need highly custom or complex multi-element animations

## Facets
- artifact type: library
- maturity: stable
- function: ui-components, animation
- domain: frontend, web-development
- platform: browser, cross-platform
- tags: react, hamburger-menu, css-transitions, icons, navigation, typescript, tiny-bundle, nodejs

## Member repositories
- cyntler/hamburger-react (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:20.611945+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-30T07:02:53.638989+00:00, confidence not recorded.
  - readme: https://github.com/cyntler/hamburger-react (fetched 2026-08-28T04:03:20.611945+00:00, sha 3136d036a1cf)
  - homepage: https://hamburger-react.netlify.app (fetched 2026-08-29T13:03:52.855062+00:00, sha 524bc348ef32)
- Data as of 2026-08-30T08:39:29.467469+00:00.