React Accordion
React Accordion is a free, open-source design system built with React. The complete accordion solution for React. It has 210 GitHub stars and is released under the MIT license. A live demo is linked from this page. Start a project with npx degit szhsin/react-accordion or clone the repository.
github.com/szhsin/react-accordion (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit szhsin/react-accordion my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/szhsin/react-accordion.git my-uiSources: GitHub docs on template repositories, degit.
About React Accordion
The complete accordion solution for React. Built with React, TypeScript. Released under the MIT license on GitHub.
Built with
- React
- TypeScript
Similar templates
More design systems
AWS Northstar
aws/aws-northstar
NorthStar is an open source design system with reusable React components for rapidly prototyping intuitive, meaningful and accessible user experience.
Maintained · last commit Sep 22, 2026
OfficialDesign systemsTypeScriptSwiftui Design Skill
Wholiver/swiftui-design-skill
SwiftUI Front-End Design Skills — Six Ironclad Rules Against AI Sloppiness, Design Direction Consulting, Brand Asset Guidelines, and Five-Dimensional Review.
Maintained · last commit May 1, 2026
Design systemsOrange Boosted Bootstrap
Orange-OpenSource/Orange-Boosted-Bootstrap
OUDS Web is an accessible, ergonomic and Orange branded framework based on Orange Unified Design System and Bootstrap.
Active · last commit Oct 26, 2026
Design systemsCSSElena
arielsalminen/elena
Elena is a simple, tiny library for building Progressive Web Components.
Maintained · last commit Aug 3, 2026
Design systemsJavaScriptReact Ecommerce
viniarruda/react-ecommerce
E-commerce monorepo application using NextJs, NestJs, Design-System with Typescript.
Maintained · last commit Jun 18, 2026
Design systemsTypeScriptMelta UI
tsubotax/melta-ui
人間にも、AIにも、読めるデザインシステム — AI-Ready Design System for Claude Code & Cursor.
Maintained · last commit Oct 10, 2026
Design systemsTypeScript
How do I use React Accordion?
Copy the files into a new folder with npx degit szhsin/react-accordion my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use React Accordion for commercial projects?
Yes. React Accordion is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is React Accordion maintained?
The repository's most recent commit was on Oct 24, 2026. Its latest release is v1.4.3. appsgit only lists templates from repositories with a commit in the last six months.