Jonatan Matajonmatum.com
conceptsnotesexperimentsessays
© 2026 Jonatan Mata. All rights reserved.v2.1.1
Experiments

React Headless Menu

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

seed#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

  • GitHub Repository — jonmatum, 2024. Source code and playground.

Related content

  • React

    JavaScript library for building user interfaces through declarative, reusable components, with an ecosystem spanning from SPAs to full-stack applications with Server Components.

  • Accessibility

    Practice of designing and developing digital products usable by all people, including those with visual, auditory, motor, or cognitive disabilities.

Experiments