Collection of free React JS accordions: vertical, nested, etc. Update of December 2020 collection. 3 new items.
Related Articles
- Accordions CSS
- Bootstrap Accordions
- jQuery Accordions
- Tailwind Accordions
- HTML <details> & <summary> with CSS
Links
About a code
Accordion
A simple accordion style app built with React.
Links
About a code
FAQ Accordion Card - React.js
FAQ accordion card build with React.js and hooks useState
.
Links
About a code
Custom React Accordion
An accessible accordion built using React.
Links
Made with
- HTML / CSS / JS
About a code
React Native Accordion Menu
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS (Babel)
About a code
Animated Accordion Using React
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, react-dom.js
Links
Made with
- HTML / CSS / JS
About a code
ReactJS Collapsible Component
ReactJs collapsible accordion component. Light, simple and functional. Allows expand and collapse HTML content. Ready for use in your ReactJs application.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML / CSS / JS
About a code
React Native Accordion
Accordian in React Native.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
React Accordion
React accordion for more examples.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Pretty React.js accordion.

Simple lightweight (1.5kb minified+gzipped) accordion component.

Cool accordion with React.js.

Accessible accordion component for React.

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

React accordion component with customizable flexbox header.

React accordion UI component.
Links
Made with
- HTML / CSS / JS (Babel)
About a code
Accordion - React
Accordion component made with React.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css, react-dom.js

React component to wrap content in accordion element.

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.

Minimal UI accordion component written in React.

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

React collapse/accordion.

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

Accessible react accordion component.

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

Simple accordion in React.js.