Collection of free React JS accordions: vertical, nested, etc. Update of December 2020 collection. 3 new items.

Related Articles

  1. Accordions CSS
  2. Bootstrap Accordions
  3. jQuery Accordions
  4. Tailwind Accordions
  5. HTML <details> & <summary> with CSS

Author

  • Ori Baram

About a code

Accordion

A simple accordion style app built with React.

Author

  • Anna Lapina

About a code

FAQ Accordion Card - React.js

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

Author

  • Peter Aiello

About a code

Custom React Accordion

An accessible accordion built using React.

Author

  • Catalin Miron

Made with

  • HTML / CSS / JS

About a code

React Native Accordion Menu

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

Responsive: yes

Dependencies: -

Author

  • Ujjawal Chatterjee

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

Author

  • DEVZONE TECH Ltd.

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: -

Demo image: React Native Accordion

Author

  • Kiran Shinde

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: -

Author

  • Sai gowtham

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: -

Demo image: React Accordion

React Accordion

Elaine Huang |

demo and code

Pretty React.js accordion.

Demo image: react-collapsy

react-collapsy

Gogo |

github page

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

Demo image: React accordion

React accordion

DNLHC |

demo and code

Cool accordion with React.js.

Demo image: react-accessible-accordion

react-accessible-accordion

Springload |

github page demo page

Accessible accordion component for React.

Demo image: react-accordeon

react-accordeon

Javier Armendariz |

github page

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-accordion-with-header

react-accordion-with-header

Jake Foraker |

github page demo page

React accordion component with customizable flexbox header.

Demo image: React Accordion

React Accordion

Tobi Weinstock |

demo and code

React accordion UI component.

Author

  • Matthew Vincent

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

Demo image: react-responsive-accordion

react-responsive-accordion

Glenn Flanagan |

github page

React component to wrap content in accordion element.

Demo image: react-collapsible

react-collapsible

Glenn Flanagan |

github page

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-accordion-component

react-accordion-component

Saúl Cabrera |

github page

Minimal UI accordion component written in React.

Demo image: react-tabbordion

react-tabbordion

Vesa Piittinen |

github page demo page

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

Demo image: rc-collapse

rc-collapse

react-component |

github page

React collapse/accordion.

Demo image: react-native-collapsible

react-native-collapsible

Joel Arvidsson |

github page

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

Demo image: react-sanfona

react-sanfona

Davi Ferreira |

github page demo page

Accessible react accordion component.

Demo image: react-native-accordion

react-native-accordion

Naoufal Kadhom |

github page

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

Demo image: React Accordion Box

React Accordion Box

Adam Moore |

demo and code

Simple accordion in React.js.