TOP 16 React.js Accordions

React Accordion

See the Pen React Accordion by Elaine Huang (@elainehuang) on CodePen.light

Author

  • Elaine Huang

Made with

  • CSS / Javascript
Demo and Download

react-collapsy

Demo image: react-collapsy

Author

  • Gogo

Made with

  • CSS /JS
Demo and Download

React accordion

Demo image: React accordion

Author

  • DNLHC

Made with

  • CSS / JS
Demo and Download

react-accessible-accordion

Demo image: react-accessible-accordion

Author

  • Springload

Made with

  • CSS / JS
Demo and Download Demo and Download

react-accordeon

React accordion component with expand/collapse CSS animation. The event trigger can be configured to any component, such in the navigation and content.

Demo image: react-accordeon

Author

  • Javier Armendariz

Made with

  •  CSS  / Javascript
Demo and Download

react-accordion-with-header

React accordion component with customizable flexbox header.

Demo image: react-accordion-with-header

Author

  • Jake Foraker

Made with

  •  CSS  / Javascript
Demo and Download

React Accordion

React accordion UI component.

See the Pen React Accordion UI Component by Tobi Weinstock (@tvweinstock) on CodePen.light

Author

  • Tobi Weinstock

Made with

  • Html / CSS  / JS
Demo and Download

react-responsive-accordion

React component to wrap content in accordion element.

Demo image: react-responsive-accordion

Author

  • Glenn Flanagan

Made with

  • Html / CSS  / JS
Demo and Download

react-collapsible

React component to wrap content in collapsible element with trigger to open and close. It’s like an accordion, but where any number of sections can be open at the same time.

Demo image: react-collapsible

Author

  • Glenn Flanagan

Made with

  • Html / CSS  / JS
Demo and Download

react-accordion-component

Minimal UI accordion component written in React.

Demo image: react-accordion-component

Author

  • Saúl Cabrera

Made with

  • Html / CSS  / JS
Demo and Download

react-tabbordion

Universal, semantic and accessible React state managing components for creating accordions and tabs.

Demo image: react-tabbordion

Author

  • Vesa Piittinen

Made with

  •  CSS  / JS
Demo and Download

rc-collapse

React collapse/accordion.

Demo image: rc-collapse

Author

  • react-component

Made with

  • Html / CSS  /JS
Demo and Download

react-native-collapsible

Animated collapsible component for React Native, good for accordions, toggles etc.

Demo image: react-native-collapsible

Author

  • Joel Arvidsson

Made with

  • Html / CSS  /JS
Demo and Download

react-sanfona

Accessible react accordion component.

Demo image: react-sanfona

Author

  • Davi Ferreira

Made with

  • Html / CSS  /  JS
Demo and Download

react-native-accordion

react-native-accordion is an easy to use accordion component for React Native app.

Demo image: react-native-accordion

Author

  • Naoufal Kadhom

Made with

  • Html / CSS / JS
Demo and Download

React Accordion Box

Simple accordion in React.js.

Demo image: React Accordion Box

Author

  • Adam Moore

Made with

  • Html / CSS / JS
Demo and Download