When it comes to deploy amazing and feature rich Web App, ReactJs is very popular choice when it comes to acquire these requirements.

React is very handy and has very awesome online community and is one of the best open-source github repo since founded.

flatlay photography of desktop
Photo by Oskar Yildiz on Unsplash

Today in this article we will be showcasing some awesome GitHub repositories for React Js.

Let’s Start.

Giphy

1. awesome-react-components

Curated List of React Components & Libraries.

πŸš€ Absolutely Awesome React Components & Libraries

This is a list of AWESOME components. Nope, it’s NOT a comprehensive list of every React component under the sun. So, what does “awesome” mean? Well:

  • It solves a real problem
  • It does so in a πŸ¦„ unique, πŸ¦‹ beautiful, or πŸ† exceptional way. (And it’s not super popular and well-known… no point in listing those.)
  • It has recent code commits!

Look for a πŸš€ for truly amazing projects. And look for quickie maintainer commentary and reviews in (italic parens) after some listings of note.

You can check this GitHub repo πŸ‘‰ here

2. react-material-admin

Dark Mode

β˜„οΈReact Material Admin is a React template built with Material-UI

React Material Admin β€” Material-UI Dashboard Template

Built with ReactMaterial-UIReact RouterNo jQuery and Bootstrap!

This version uses React 16.14.0, React Router v5, MaterialUI v4, built with React Hooks and React Context (No Redux)

Demo. Use any credentials to log in.

image
Source: GitHub

Features

  • React (16.14.0)
  • React Hooks
  • React Context
  • No jQuery and Bootstrap!
  • Mobile friendly layout (responsive)
  • Create-react-app under the hood
  • React Router v5
  • Material-UI v4
  • Modular Architecture
  • CSS-in-JS styles
  • Webpack build
  • Stylish, clean, responsive layout
  • Authentication

Pages

We have implemented some basic pages, so you can see our template in action.

  • Dashboard
  • Typography
  • Tables
  • Notifications
  • Charts
  • Icons
  • Maps
  • Login
  • Error

3. awesome-react

Dark Mode

A collection of awesome things regarding React ecosystem

This repository contains very useful resources related React JS

You can check this GitHub repo πŸ‘‰ here

4. theme-ui

Dark Mode

theme-ui (this link opens in a new window) by system-ui (this link opens in a new window)

Build consistent, themeable React apps based on constraint-based design principles

Build consistent, themeable React apps based on constraint-based design principles

Theme UI is a library for creating themeable user interfaces based on constraint-based design principles. Build custom component libraries, design systems, web applications, Gatsby themes, and more with a flexible API for best-in-class developer ergonomics.

stable docshttps://theme-ui.com
develop (v0.6.0-alpha) docshttps://dev.theme-ui.com

You can check this GitHub repo πŸ‘‰ here

5. react-admin

Dark Mode

react-admin (this link opens in a new window) by marmelab (this link opens in a new window)

A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

A frontend Framework for building data-driven applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design. Previously named admin-on-rest. Open sourced and maintained by marmelab.

Home page – Documentation – Demo – Blog – Releases – Support

react-admin-demo
Source: GitHub

Features

  • Adapts to any backend (REST, GraphQL, SOAP, etc.)
  • Powered by material-uireduxreact-final-formreact-router and a few more
  • Super-fast UI thanks to optimistic rendering (renders before the server returns)
  • Undo updates and deletes for a few seconds
  • Relationships (many to one, one to many)
  • Data Validation
  • Internationalization (i18n)
  • Themeable, Highly customizable interface
  • Supports any authentication provider (REST API, OAuth, Basic Auth, …)
  • Full-featured datagrid (sort, pagination, filters)
  • Large library of components for various data types: boolean, number, rich text, etc.
  • Conditional formatting
  • Filter-as-you-type
  • Supports any form layout (simple, tabbed, etc.)
  • Custom actions
  • WYSIWYG editor
  • Customize dashboard, menu, layout
  • Super easy to extend and override (it’s just React components)
  • Can be included in another React app

You can check this GitHub repo πŸ‘‰ here

Like This Article? Subscribe to our newsletter! To receive more cool stuff and other important updates from us ❀️

Conclusion

Open Source can be powerful, name a thing, it will be preferably present on GitHub.

Note: Views are expressed only from author, and not from official GitHub, for more detailed view about undertaking read πŸ‘‰ Our Mission