Tinker and play around with source code, that’s the developers’s way of life.

So much has been done by React developers around the world, promoting it in the Open Source World.

It’s good to once in a while to catch up on who is the top kid on the block in the React Opensource projects arena.

The Best Choice of React projects can easily facilitate the working environment, leading to better productivity.

In this article I have shared 15 best and Amazing React opensource Projects to ease your React app development.

1. Gatsby

Gatsby is an awesome & blazing-fast static site generator for React. it can transform plain text into dynamic blogs and websites using React.js.

React opensource projects

There are many websites built using  Gatsby including Official React Website.

Build blazing fast, modern apps and websites with React
Forks: 9199
Stars: 48668
Open issues: 576
Latest tag: vundefined
git clone https://github.com/gatsbyjs/gatsby.git

2. React-Select

React-select is a whole new approach to developing powerful React.js components that just work out of the box while being extremely customizable.


  • Flexible approach to data, with customizable functions
  • Extensible styling API with emotion
  • Component Injection API for complete control over the UI behavior
  • Controllable state props and modular architecture
  • Long-requested features like option groups, portal support, animation, and more
The Select Component for React.js
Forks: 3635
Stars: 21698
Open issues: 210
Latest tag: v3.0.0
git clone https://github.com/JedWatson/react-select.git

3. StoryBook

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.

Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

📓 The UI component explorer. Develop, document, & test for React, Vue, Angular, Ember, Web Components, & more!
Forks: 5733
Stars: 57364
Open issues: 986
Latest tag: v6.2.0-alpha.16
git clone https://github.com/storybookjs/storybook.git

4. Spectrum

Spectrum aims to be the best platform to build any kind of community online by combining the best of forums and real-time chat apps. 

React opensource projects

Here is a list of all the big technologies Spectrum use:

  • RethinkDB: Data storage
  • Redis: Background jobs and caching
  • GraphQL: API, powered by the entire Apollo toolchain
  • Flowtype: Type-safe JavaScript
  • PassportJS: Authentication
  • React: Frontend React app
Simple, powerful online communities.
Forks: 1037
Stars: 9569
Open issues: 318
Latest tag: v2.7.2
git clone https://github.com/withspectrum/spectrum.git

5. Material Dashboard React

Material Dashboard React is a free Material-UI Admin with a fresh, new design inspired by Google’s Material Design.  Material Dashboard React was built over the popular Material-UI framework.

React opensource projects

Material Dashboard React comes with 5 color filter choices for both the sidebar and the card headers (blue, green, orange, red and purple) and an option to have a background image on the sidebar.

React version of Material Dashboard by Creative Tim
Forks: 574
Stars: 1643
Open issues: 9
Latest tag: v1.7.0
git clone https://github.com/creativetimofficial/material-dashboard-react.git

6. Draft.js

Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model.

 It provides the building blocks to enable the creation of a broad variety of rich text composition experiences, from basic text styles to embedded media.

A React framework for building text editors.
Forks: 2269
Stars: 19628
Open issues: 787
Latest tag: v0.11.7
git clone https://github.com/facebook/draft-js.git

7. React-dashboard

React Dashboard – isomorphic admin dashboard template built using React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack and Browsersync.

React Dashboard

You may use it to bootstrap the development of your next web app.

🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
Forks: 279
Stars: 1230
Open issues: 15
Latest tag: v1.4.0
git clone https://github.com/flatlogic/react-dashboard.git

8. Formik

Formik takes care of the repetitive and annoying stuff – keeping track of values/errors/visited fields, taking care of validation and handling submission – so you don’t have to.

React opensource projects

Formik is a small library that helps you with the 3 most annoying parts:

  1. Getting values in and out of form state
  2. Validation and error messages
  3. Handling form submission
Open issues:
Latest tag:
git clone

9. BlueprintJs

Blueprint is a React-based UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications. for you.

If you rely heavily on mobile interactions and are looking for a mobile-first UI toolkit, this may not be

A React-based UI toolkit for the web
Forks: 1789
Stars: 17156
Open issues: 545
Latest tag: [email protected]
git clone https://github.com/palantir/blueprint.git

10. React-map-gl

This library provides react components for MapboxGL. You can use markers, popups, and maps, as well as locate users and do other actions in Mapbox maps with the help of this small library.

React opensource projects

In addition to exposing MapboxGL functionality to React apps, react-map-gl also integrates seamlessly with deck.gl.

Open issues:
Latest tag:
git clone

11. Material UI

Material UI is the most popular React UI framework. it is is an MIT-licensed open source project.

react ui frameworks

Material UI is a set of React components that implements Google’s Material Design.

React components for faster and simpler web development. Build your own design system, or start with Material Design.
Forks: 20007
Stars: 64351
Open issues: 457
Latest tag: v5.0.0-alpha.23
git clone https://github.com/mui-org/material-ui.git

12. React-Bootstrap

React- Bootstrap harnesses the power of Bootstrap 4 in React.

react ui frameworks

  React- Bootstrap is a set of React components Built using Bootstrap 4.

Popularity & stats

Bootstrap components built with React
Forks: 3005
Stars: 18874
Open issues: 118
Latest tag: v1.4.3
git clone https://github.com/react-bootstrap/react-bootstrap.git

13. React Spring

react-spring is a spring-physics based animation library that should cover most of your UI related animation needs.

It gives you tools flexible enough to confidently cast your ideas into moving interfaces

Open issues:
Latest tag:
git clone

14. React Toolbox

React Toolbox is a set of React components that implements Google Material Design specification. It’s built on top of some the trendiest proposals like CSS Modules (written in SASS), Webpack and ES6.

react ui frameworks

The library harmoniously integrates with your Webpack workflow and it’s easily customizable and very flexible.

A set of React components implementing Google's Material Design specification with the power of CSS Modules
Forks: 1044
Stars: 8653
Open issues: 263
Latest tag: [email protected]
git clone https://github.com/react-toolbox/react-toolbox.git

15. Semantic_UI

Semantic UI React is the official React integration for Semantic UI. Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. 

React opensource projects

It comes equipped with an intuitive inheritance system and high level theming variables that let you have complete design freedom. It is totally jQuery free and uses an easy to follow declarative API.

The official Semantic-UI-React integration
Forks: 3510
Stars: 11997
Open issues: 117
Latest tag: v2.0.2
git clone https://github.com/Semantic-Org/Semantic-UI-React.git


From the above list which is but a tip of the open-source React project iceberg,

you can get a feel of how rich, diverse and powerful open-source React applications are.

moreover, if you ever work on one, please share it with us on the comment section, we would love to know about it and I am sure other React developers would like to contribute when they see it.

Open Source is amazing, Create open-source projects, contribute to others, and join communities around React and open-source. It would definitely help grow your portfolio.

Do well to leave a comment about this article.