Experiments

React Headless Menu

Headless menu component for React with full accessibility, zero styles, and keyboard support. Published on npm.

evergreen#react#headless#accessibility#npm#component

What it is

A headless menu component for React -- provides all interaction logic (keyboard navigation, ARIA, focus management) without imposing visual styles. Published on npm and available as source code.

Features

  • Headless — zero styles, full design control
  • Accessible — ARIA roles, keyboard navigation, focus management
  • Playground — interactive testing environment included
  • Release-please — automated versioning
  • Tailwind CSS — integration example included

Why it matters

Headless components separate logic from presentation. This allows reusing the same accessible menu logic across projects with completely different design systems, without fighting predefined styles.

References

Experiments