Collection of free ReactJS accordions: vertical, nested, etc. Update of April 2018 collection. 6 new items.

  1. Accordions CSS
  2. Bootstrap Accordions
  3. CSS Accordion Menus
  4. jQuery Accordions

Creator

  • Catalin Miron

Programming language

  • HTML / CSS / JS

Information a code

React Native Accordion Menu

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Creator

  • Ujjawal Chatterjee

Programming language

  • HTML / CSS / JS (Babel)

Information a code

Animated Accordion Using React

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

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

Creator

  • DEVZONE TECH Ltd.

Programming language

  • HTML / CSS / JS

Information 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.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Demo image: React Native Accordion

Creator

  • Kiran Shinde

Programming language

  • HTML / CSS / JS

Information a code

React Native Accordion

Accordian in React Native.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Creator

  • Sai gowtham

Programming language

  • HTML / CSS / JS

Information a code

React Accordion

React accordion for more examples.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Demo image: React Accordion

React Accordion

Elaine Huang |

Demo/Download

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/Download

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/Download

React accordion UI component.

Creator

  • Matthew Vincent

Programming language

  • HTML / CSS / JS (Babel)

Information a code

Accordion – React

Accordion component made with React.

Browser Support: 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/Download

Simple accordion in React.js.