Categories: OpenSourceReactjs

15 Amazing React opensource projects

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.

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

Build blazing fast, modern apps and websites with React
Forks: 8629
Stars: 46387
Open issues: 802
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.

Features

  • 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: 3555
Stars: 20687
Open issues: 344
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: 5066
Stars: 51933
Open issues: 669
Latest tag: v6.0.7
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. 

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: 937
Stars: 9021
Open issues: 309
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.

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: 508
Stars: 1501
Open issues: 4
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: 2118
Stars: 18618
Open issues: 716
Latest tag: v0.11.6
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.

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: 254
Stars: 1144
Open issues: 11
Latest tag: v1.3.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.

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
Forks:
Stars:
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: 1692
Stars: 16559
Open issues: 521
Latest tag: test-react15@1.1.2
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.

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

Forks:
Stars:
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.

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

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

12. React-Bootstrap

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

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

Popularity & stats

Bootstrap components built with React
Forks: 2898
Stars: 18109
Open issues: 87
Latest tag: v1.3.0
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

✌️ A spring physics based React animation library
Forks: 758
Stars: 17838
Open issues: 114
Latest tag: v9.0.0-rc.3
git clone https://github.com/react-spring/react-spring.git

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.

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: 1052
Stars: 8623
Open issues: 262
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.

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: 3309
Stars: 11554
Open issues: 95
Latest tag: v1.2.0
git clone https://github.com/Semantic-Org/Semantic-UI-React.git

Conclusion

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.

Deven Rathore

Deven is an Entrepreneur, and Full-stack developer, Constantly learning and experiencing new things. He currently runs CodeSource.io and Dunebook.com.

Published by
Deven Rathore

Recent Posts

21 Angular project ideas for beginners

Angular project ideas have become so handy in bringing evolution and slight changes to many…

2 weeks ago

Tips for Optimal SaaS Platform Development

According to BetterCloud, approximately 80 percent of mobile applications will be running on mobile software…

2 weeks ago

How Ruby on Rails Builds Powerful, Responsive Websites

Numerous major companies rely on the unique advantages that web development using Ruby on Rails…

3 weeks ago

21 Vue Projects and resources for beginners

Vue is not only known as a progressive JavaScript framework but one of the very…

4 weeks ago

Digital Diversity & Language Specificity

Although research regarding text to speech software began emerging in scholarship several decades ago, the…

3 weeks ago

How Great Web Design Can Help Build Your Brand For The Future

via Unsplash Nowadays, it’s important for your business to adapt its brand across all your…

1 month ago