Collection
Post cover

Best 25 React JS Accordions

Collection of free React JS accordions: nested, vertical, etc.

Accordion

Author: Ori Baram

Links: github

A simple accordion style app built with React.

FAQ Accordion Card - React.js

Author: Anna Lapina

Links: github

FAQ accordion card build with React.js and hooks useState.

Custom React Accordion

Author: Peter Aiello

Links: github

An accessible accordion built using React.

React Native Accordion Menu

Author: Catalin Miron

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Animated Accordion Using React

Author: Ujjawal Chatterjee

Links: demo and code

Made with: HTML / CSS / JS (Babel)

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, react-dom.js

ReactJS Collapsible Component

Author: DEVZONE TECH Ltd.

Links: demo and code

Made with: HTML / CSS / JS

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

Post cover

React Native Accordion

Author: Kiran Shinde

Links: demo and code

Made with: HTML / CSS / JS

Accordian in React Native.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

React Accordion

Author: Sai gowtham

Links: demo and code

Made with: HTML / CSS / JS

React accordion for more examples.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Post cover

React Accordion

Author: Elaine Huang

Links: demo and code

Pretty React.js accordion.

Post cover

react-collapsy

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

Author: gogoair

Links: GitHub

Made with: JavaScript (77.0%), CSS (20.2%), HTML (2.8%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
6 5 4
Post cover

React accordion

Author: DNLHC

Links: Demo and code

Cool accordion with React.js.

Post cover

react-accessible-accordion

Accessible Accordion component for React

Author: springload

Links: GitHub, Website

Made with: TypeScript (75.2%), JavaScript (23.2%), CSS (1.4%), HTML (0.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
719 18 113
Post cover

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.

Author: Javier Armendariz

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
5 3 1
Post cover

react-accordion-with-header

React accordion component with customizable flexbox header.

Author: jforaker (Jake Foraker)

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
16 3 18
Post cover

React Accordion

Author: Tobi Weinstock

Links: Demo and code

React accordion UI component.

Accordion - React

Author: Matthew Vincent

Links: demo and code

Made with: HTML / CSS / JS (Babel)

Accordion component made with React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css, react-dom.js

Post cover

React Responsive Accordion Component

React accordion component which is 100% responsive.

Author: glennflanagan (Glenn Flanagan)

Links: GitHub

Made with: JavaScript (99.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
27 5 26
Post cover

React Responsive Collapsible Section Component (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.

Author: glennflanagan (Glenn Flanagan)

Links: GitHub

Made with: JavaScript (85.4%), SCSS (12.4%), HTML (2.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
498 8 149
Post cover

react-accordion-component

Minimal UI Accordion Component Written In React

Author: saulecabrera

Links: GitHub

Made with: JavaScript (99.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
5 1 2
Post cover

react-tabbordion

Universal, semantic and CSS-only supporting React state managing components for creating Accordions and Tabs

Author: Merri

Links: GitHub, Website

Made with: JavaScript (92.9%), HTML (6.9%), CSS (0.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
77 3 10
Post cover

rc-collapse

React Collapse / Accordion

Author: react-component

Links: GitHub, Website

Made with: TypeScript (90.7%), Less (6.6%), JavaScript (2.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
299 29 117
Post cover

react-native-collapsible

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

Author: oblador

Links: GitHub

Made with: JavaScript (50.6%), Java (26.3%), Objective-C (15.5%), Starlark (5.8%), Ruby (1.8%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2.3k 33 460
Post cover

react-sanfona

Accessible react accordion component

Author: daviferreira

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
247 3 68
Post cover

React Native Accordion

An Accordion Component for React Native.

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

Author: naoufal

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
437 10 106
Post cover

React Accordion Box

Author: Adam Moore

Links: Demo and code

Simple accordion in React.js.

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback