A ranked list of awesome React open-source libraries and tools. Updated weekly.

Introduction

This curated list contains 430 awesome open-source projects with a total of 5M stars grouped into 22 categories. All projects are ranked by a project-quality score, calculated based on various metrics automatically collected from GitHub and different package managers.

If you like to add or update projects, feel free to open an issue, submit a pull request, or directly edit the projects.yaml. Contributions are very welcome!

Contents

• UI Frameworks & Libraries _47 projects_
• App Frameworks _6 projects_
• Styling _16 projects_
• Layout _11 projects_
• Data Tables & Grids _39 projects_
• Input Components _24 projects_
• Internationalization & Localization _4 projects_
• State Management _31 projects_
• Routing _12 projects_
• Animations _12 projects_
• Data Visualization _37 projects_
• Data Fetching _7 projects_
• Notifications _9 projects_
• File Handling _10 projects_
• Editor Components _41 projects_
• Drag & Drop _12 projects_
• Developer Tools _31 projects_
• Desktop Applications _2 projects_
• Utilities _8 projects_
• Testing _6 projects_
• Admin Dashboards _11 projects_
• Other Components _38 projects_
• Others _17 projects_

Understanding the Project Quality Score

•   Combined project-quality score
•   Star count from GitHub
•   New project _(less than 6 months old)_
•   Inactive project _(6 months no activity)_
•   Dead project _(12 months no activity)_
•   Project is trending up or down
•   Project was recently added
•   Warning _(e.g. missing/risky license)_
•   Contributors count from GitHub
•   Fork count from GitHub
•   Issue count from GitHub
•   ⏱ Last update timestamp on package manager
•   Download count from package manager
•   Number of dependent projects

Here is a quick overview of some of the popular UI frameworks available for React:

• MaterialUI (52 · 92K) – Ready-to-use foundational React components, free.
  • [GitHub](https://github.com/mui/material-ui)
  • [npm](https://www.npmjs.com/package/@material-ui/core)
• Ant Design (51 · 91K) – An enterprise-class UI design language and React UI library.
  • [GitHub](https://github.com/ant-design/ant-design)
  • [npm](https://www.npmjs.com/package/antd)
• Bootstrap React (45 · 22K) – Bootstrap components built with React.
  • [GitHub](https://github.com/react-bootstrap/react-bootstrap)
  • [npm](https://www.npmjs.com/package/react-bootstrap)

How to Contribute

Contributions are encouraged and always welcome! If you like to add or update projects, choose one of the following ways:

• Open an issue by selecting one of the provided categories from the issue page and fill in the requested information.
• Modify the projects.yaml with your additions or changes, and submit a pull request.
• If you would like to create your own best-of list, we recommend following this guide.

Troubleshooting

Are you experiencing issues? Here are some tips:

• Check if your project links are updated and point to the correct repository.
• If you encounter problems with package installations, ensure that your Node and npm versions are up to date.
• Always review the project documentation for installation guidelines.
• For further assistance, feel free to open an issue on GitHub.

For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

Conclusion

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.