Skip to main content

React Accordion

An unstyled, accessible accordion library for React apps and design systems

npm install @szhsin/react-accordion
Getting Started


Providing behaviour and data/state management without enforcing any styles. Freely customising for your React app or design system.

Headless UI

While the components render markup with good default settings, the React Hooks give you complete control of render outputs.

WAI-ARIA Compliant

Fully accessible and compliant with the Accordion Pattern. Supports keyboard navigation.


Supports open and close animation with full state transition cycle, thanks to the react-transition-state library.