30+ React.js Accordions - Free Code + Demos
Collection of 30+ React.js Accordions. All items are 100% free and open-source. The list also includes vertical react.js accordions.
1. React Accordion
2. React Collapsy
3. React Accordion 2
4. React Accessible Accordion
5. React Accordeon
6. React Accordion With Header
7. React Accordion 3
8. React Responsive Accordion
9. React Collapsible
10. React Accordion Component
11. React Tabbordion
12. Rc Collapse
13. React Native Collapsible
14. React Sanfona
15. React Native Accordion
16. React Accordion Box
17. Expanding Horizontal Accordion In React
A quick alternative to the standard 'Accordion' pattern, built completely with React. This was my first jump into ReactJS, so any feedback is welcome.
Author: Sean (nevernotsean)
Links: Source Code / Demo
Created on: December 28, 2016
Made with: HTML, SCSS, Babel
Tags: react, accordion, ui, ux, photography
18. React Accordion ES6
Author: Nick DeJesus (ndejesus1227)
Links: Source Code / Demo
Created on: March 29, 2016
Made with: HTML, SCSS, Babel
19. React + A11y Simple Accordion Example
Author: Tedd Arcuri (teddarcuri)
Links: Source Code / Demo
Made with: Haml, SCSS, Babel
CSS Pre-processor: SCSS
JS Pre-processor: Babel
HTML Pre-processor: Haml
20. React-web-tabs
Declarative, modular and accessible React tabs component
Links: Source Code / Demo
Created on: March 23, 2017
21. React-fullpage-accordion
react-fullpage-accordion
Links: Source Code / Demo
Created on: October 7, 2018
22. React-scroll-collapse
React/redux wrappers for auto-scrolling react-collapse components
Links: Source Code / Demo
Created on: October 21, 2016
23. React-escape-outside
Close React component by pressing Escape or clicking outside of it.
Links: Source Code / Demo
Created on: October 12, 2016
24. React-collapse
Component-wrapper for collapse animation with CSS for elements with variable and dynamic height
Links: Source Code / Demo
Created on: January 3, 2019
25. ReactJS Collapse - Read More
CSS transition based animation. Read more pattern example.
Author: Kunuk Nykjær (kunukn)
Links: Source Code / Demo
Created on: January 10, 2019
Made with: HTML, SCSS, Babel
Tags: react, collapse, css, transition, demo
26. ReactJS Accordion Demo
CSS transition based animation. Accordion demo using ReactJS Collapse component
Author: Kunuk Nykjær (kunukn)
Links: Source Code / Demo
Created on: January 6, 2019
Made with: HTML, SCSS, Babel
Tags: reactjs, accordion, demo, library
27. ReactJS Collapse Component Demo
CSS transition based animation. Demo for the ReactJS library - https://github.com/kunukn/react-collapse
Author: Kunuk Nykjær (kunukn)
Links: Source Code / Demo
Created on: January 5, 2019
Made with: HTML, SCSS, Babel
Tags: react, collapse, css, transition, demo
28. Accordion React Component With Animation
Author: Artur Sedlukha (sedlukha)
Links: Source Code / Demo
Created on: January 20, 2019
Made with: HTML, SCSS, Babel
Tags: animation, react, accordion, reactjs
More Awesome Lists:
Share: