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: 9526
Stars: 50148
Open issues: 545
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: 3693
Stars: 22471
Open issues: 168
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 React, Vue, Angular, Web Components, Ember, Svelte & more!
Forks: 6074
Stars: 61139
Open issues: 1195
Latest tag: v6.3.0-alpha.19
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: 1089
Stars: 9824
Open issues: 320
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: 629
Stars: 1752
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: 2340
Stars: 20235
Open issues: 844
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: 295
Stars: 1287
Open issues: 18
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: 1862
Stars: 17688
Open issues: 569
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.

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
Forks: 21742
Stars: 68010
Open issues: 500
Latest tag: v5.0.0-alpha.32
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: 3090
Stars: 19342
Open issues: 156
Latest tag: v2.0.0-alpha.1
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: 1042
Stars: 8692
Open issues: 264
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: 3615
Stars: 12235
Open issues: 144
Latest tag: v2.0.3
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.