React Dashboards
Tags: react, dashboards, opensource, webdev
Published: 2019-06-29 07:17:02

---
title: React Dashboards
published: true
description: A curated list with ope-source and free admin dashboards coded in React, released under permissive licenses (MIT, LGPL)
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2eqq9ua1ffdssrkg3cx9.jpg
tags: react, dashboards, opensource, webdev
canonical_url: https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j
---
Hello Coders!

If you plan to build your next admin dashboard using React, this list with open-source templates might help you a little bit. All **React Dashboards** listed in this article are suitable for hobby and commercial products and actively supported by the publishers. For newcomers, **React** is an open-source, front-end, JavaScript library for building user interfaces or UI components, actively supported by Facebook.
 
---

## [Material Dashboard React](https://www.creative-tim.com/product/material-dashboard-react?AFFILIATE=128200)

Material Dashboard React is the latest free MUI Admin Template based on React released by Creative-Tim.  If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, and highly customizable, here is your match.

- 👉 [Material Dashboard React](https://www.creative-tim.com/product/material-dashboard-react?AFFILIATE=128200) - `product page`
- 👉 [Material Dashboard React](https://demos.creative-tim.com/material-dashboard-react/#/dashboard?AFFILIATE=128200) - `LIVE demo`

![Material Dashboard React - Free Template.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r64lp7a4u8c4uxd32dk7.png)

--- 

## [React Node Datta Able](https://appseed.us/product/datta-able/api-server-nodejs/react/) `Full-Stack`

**Datta Able** is an open-source **React Dashboard** that provides a colorful and modern design. Datta Able React Free is the most stylised React Free Admin Template, around all other admin templates in the market. The product comes with a simple JWT authentication flow: `login`/`register`/`logout`.

- 👉 [React Node JS Datta Able](https://appseed.us/product/datta-able/api-server-nodejs/react/) - `product page`
- 👉 [React Node JS Datta Able](https://react-node-js-datta-able.appseed-srv1.com/) - `LIVE Demo`

![React Datta Able - Full-stack product powered by a simple NodeJS API backend.](https://user-images.githubusercontent.com/51070104/175767137-e9b7cb1b-ae57-4ea3-9e31-4b976ab4465f.png)

---

## [Modernize MUI React](https://adminmart.com/product/modernize-free-react-mui-dashboard/?ref=1) 

If you are looking for an eye-catching and elegantly designed free react admin template that comes with several added features, then look no more. **Modernize React Admin** is a free template that has everything you require to develop an amazing web app. 

- 👉 [Modernize MUI React](https://adminmart.com/product/modernize-free-react-mui-dashboard/?ref=1) - `product page`
- 👉 [AdminMart](https://adminmart.com/?ref=1) - `Agency HOMEpage` (for more freebies)

This product comes with a permissive (MIT) license, `React 18+`, `Code Splitting` and `Redux toolkit`.

![Modernize MUI React - Open-source Template crafted by AdminMart.](https://user-images.githubusercontent.com/51854817/216833726-06d9eb10-ab56-4a8d-87a1-5f3f4ca141c2.jpg)

---

## [Vision UI React](https://www.creative-tim.com/product/material-dashboard-react?AFFILIATE=128200) `MUI`

Designed for those who like modern UI elements and beautiful websites. Made of hundreds of elements, designed blocks, and fully coded pages, Vision UI Dashboard React is ready to help you create stunning websites and web apps.

This Free MUI Dashboard comes with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

- 👉 [Vision UI React](https://www.creative-tim.com/product/material-dashboard-react?AFFILIATE=128200) - `product page`
- 👉 [Vision UI React](https://demos.creative-tim.com/vision-ui-dashboard-react/#/dashboard?AFFILIATE=128200) - `LIVE Demo`

![Vision UI React - Free MUI Dashboard](https://github.com/admin-dashboards/react-dashboards/assets/51854817/c3ba1ba0-ae95-452a-b2f9-1945a97b5752)
 
---

## [React Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/api-server-nodejs/react/) `full-stack`

Start your Development with an Innovative Admin Template for **Material-UI** and **React**. [Soft UI Dashboard React](https://appseed.us/product/soft-ui-dashboard/api-server-nodejs/react/) is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. The product comes with a simple JWT authentication flow: login/register/logout.

> 🚀 Built with **[React App Generator](https://appseed.us/generator/react/)**

- ✅ Innovative **Soft UI Design** - Crafted by [Creative-Tim](https://bit.ly/3fKQZaL)
- ✅ React, Redux, Redux-persist
- ✅ Authentication: `JWT Tokens`, 
- ✅ `OAuth` via GitHub
- ✅ `Full-stack ready` using NodeJS, Flask and Django API

![React Soft Dashboard - Open-source full-stack product](https://user-images.githubusercontent.com/51070104/176936814-74386559-4e05-43d5-b9a4-8f70ce96a610.png)

--- 

## [Purity React Dashboard](https://www.creative-tim.com/product/purity-ui-dashboard?AFFILIATE=128200)

Designed for those who like modern UI elements and beautiful websites **Purity React Dashboard** is made of hundreds of elements, designed blocks, and fully coded pages. Purity UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. 

- 👉 [Purity React Dashboard](https://www.creative-tim.com/product/purity-ui-dashboard?AFFILIATE=128200) - `product page`
- 👉 [Purity React Dashboard](https://demos.creative-tim.com/purity-ui-dashboard/#/admin/dashboard?AFFILIATE=128200) - `LIVE Demo`

![Open-source React Dashboard - Purity UI, a free dashboard crafted by Creative-Tim using Chakra UI.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qbdaujzokhlc35qgoyjf.png)  

---

## [Tailwind Dashboard React](https://www.creative-tim.com/product/material-tailwind-dashboard-react?AFFILIATE=128200) `free`

This innovative `Material Design`, **Tailwind CSS & React** dashboard comes with a beautiful design inspired by Google's Material Design and it will help you create stunning websites & web apps to delight your clients.

- 👉 [Tailwind Dashboard React](https://www.creative-tim.com/product/material-tailwind-dashboard-react?AFFILIATE=128200) - `product page`
- 👉 [Purity UI Dashboard](https://demos.creative-tim.com/material-tailwind-dashboard-react/#/dashboard/home?AFFILIATE=128200) - `LIVE Demo`

![Material Tailwind Dashboard React - Open-Source React Template](https://user-images.githubusercontent.com/51854817/222807058-129ddc2e-dc28-4f57-ad4b-1ab4b2aca6f4.png)

---

## [Argon Dashboard Chakra](https://www.creative-tim.com/product/argon-dashboard-chakra?AFFILIATE=128200)

Start your Development with an Innovative Admin Template for Chakra UI and React. If you like the look & feel of the hottest design trend right now, Argon Dashboard Chakra, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.

- 👉 [Argon Dashboard Chakra](https://www.creative-tim.com/product/argon-dashboard-chakra?AFFILIATE=128200) - `product page`
- 👉 [Argon Dashboard Chakra](https://demos.creative-tim.com/argon-dashboard-chakra/#/admin/dashboard?AFFILIATE=128200) - `LIVE Demo`

![Argon Dashboard Chakra - Open-Source React Dashboard Template from Creative-Tim.](https://user-images.githubusercontent.com/51070104/178219897-5d852c4f-6ff7-4842-82c7-4f08a64a23ac.png)

--- 

## [Muse Ant.Design React](https://www.creative-tim.com/product/muse-ant-design-dashboard?AFFILIATE=128200)

Muse Ant Design Dashboard is a free Admin Template based on two popular front-end technologies: Ant Design & React. It was built to simplify the developer's work and is comes with a fresh design inspired by Ant Design. All its components are built to fit perfectly with each other, while aligning to the Ant Design concepts.

- 👉 [Muse Ant.Design React](https://www.creative-tim.com/product/muse-ant-design-dashboard?AFFILIATE=128200) - product page
- 👉 [Muse Ant.Design React](https://demos.creative-tim.com/muse-ant-design-dashboard/#/dashboard?AFFILIATE=128200) - LIVE demo

![Muse Ant.Design React - Free Dahsboard Template.](https://user-images.githubusercontent.com/51854817/179387314-f1873bf4-bb3e-4b8f-b980-32f96aacee27.png)
 
--- 

## [Flexy React Admin](https://www.wrappixel.com/templates/free-material-ui-template/?ref=157)

Flexy React Dashboard Lite is carefully hand crafted minimal admin template, Its build with modular and modern design. Flexy React Dashboard Lite is completely free to download and use for your personal and commercial projects.

- 👉 [Flexy React Admin](https://www.wrappixel.com/templates/free-material-ui-template/?ref=157) - `product page`
- 🎁 More [React Templates](https://www.wrappixel.com/templates/category/react-templates/?ref=157) crafted by WrapPixel

![Flexy React Material Admin Lite.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/owngp7my58wrrhjuxstt.png)
 
--- 

## [Corona React Free](https://www.bootstrapdash.com/product/corona-react-free-admin-template?ref=23)

For all the dark mode fans out there, here’s the free version of Corona React, a free React admin template from BootstrapDash. This is the new and improved version of Corona React with a new facelift for enhanced legibility and aesthetics!

- 👉 [Corona React Free](https://www.bootstrapdash.com/product/corona-react-free-admin-template?ref=23) - `product page`
- 👉 [Corona React Free](https://www.bootstrapdash.com/demo/corona-react-free/template/demo_1/preview/dashboard?ref=23) - `LIVE demo`

This beautiful template is designed to be easy on the eyes, ensuring a comfortable viewing experience for all the night-owls out there and super easy to setup.

![Corona React Free - Open-Source Template](https://user-images.githubusercontent.com/51070104/202862009-282b090f-7355-448f-a306-6bde4b365f70.jpg)

---

## [React Purity Dashboard](https://appseed.us/product/purity-dashboard/api-server-nodejs/react/) `fullstack`

Start your Development with an Innovative Admin Template for **Chakra UI** and **React**. [Purity UI Dashboard](https://appseed.us/product/purity-dashboard/api-server-nodejs/react/) is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. 

> 🚀 Built with **[React App Generator](https://appseed.us/generator/react/)**

- ✅ Innovative Chakra UI Design - Creafted by [Creative-Tim](https://bit.ly/3fKQZaL)
- ✅ React, Redux, Redux-persist
- ✅ Authentication: JWT Login/Register/Logout
- ✅ Full-stack ready using **[Node JS API Server](https://github.com/app-generator/api-server-nodejs)** (open-source project)
  - Features: Typescript / SQLite / TypeORM / Joy (validation) / Passport library - `passport-jwt` strategy.

![React Purity Dashboard - Open-source full-stack prodyct crafted by AppSeed and Creative-Tim.](https://user-images.githubusercontent.com/51070104/205427640-007904ec-9cd5-4060-86c6-47675b36cda1.png)

---

## [Star Admin React](https://www.bootstrapdash.com/product/star-admin-react-free?ref=23)

Star Admin React Free is designed to look simple and beautiful and features a huge collection of components and elements, which will offer unlimited options to users. This design gives you access to a wide variety of essential elements that will allow you to bring a unique touch to your web application.

- 👉 [Star Admin React](https://www.bootstrapdash.com/product/star-admin-react-free?ref=23) - `product page`
- 👉 [Star Admin React](https://www.bootstrapdash.com/demo/star-admin-free/react/template/demo_1/preview/dashboard?ref=23) - `LIVE demo`

The template features a carefully crafted dashboard with plenty of neatly arranged and organized components and is capable of making the process of data visualization simpler.

![Star Admin React - Open-Source Dashboard Template from BootstrapDash.](https://user-images.githubusercontent.com/51854817/197687898-e9012660-576a-488a-bf32-11c82162d29c.png) 

---

## [Mantis React Material UI](https://mantisdashboard.io/)

Mantis is a free and open source React redux dashboard template made using the Material UI React component library with aim of flexibility and better customizability. The product comes with a fully professional grade user interface for any kind of backend project.

- 👉 [Mantis React Material UI](https://github.com/codedthemes/mantis-free-react-admin-template) - `source code`
- 👉 [Mantis React Material UI](https://mantisdashboard.io/free/) - `LIVE demo`

![Mantis React Material UI - Open-Source React Template by CodedThemes.](https://user-images.githubusercontent.com/51070104/175770063-4105df52-dd08-4ff5-9c80-f4692cf1bd6b.jpg)

---

## [Argon Dashboard 2 MUI](https://www.creative-tim.com/product/argon-dashboard-material-ui?AFFILIATE=128200)

Start your Development with an Innovative Admin Template for MUI and React. If you like the look & feel of the hottest design trend right now, Argon, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.

- 👉 [Argon Dashboard 2 MUI](https://www.creative-tim.com/product/argon-dashboard-material-ui?AFFILIATE=128200) - `product page`
- 👉 [Argon Dashboard 2 MUI](https://demos.creative-tim.com/argon-dashboard-material-ui/#/dashboard?AFFILIATE=128200) - `LIVE demo`

![Argon Dashboard 2 MUI - Free Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxr5setbbt8bl3ul8vz1.png)

---

## [Dashboard Black](https://www.creative-tim.com/product/black-dashboard-react?AFFILIATE=128200) `React v18`

React Dashboard Black is a beautiful Bootstrap (Reactstrap) **admin dashboard** with a generous number of components built to fit together and look amazing. 

- 👉 [React Dashboard Black](https://www.creative-tim.com/product/black-dashboard-react?AFFILIATE=128200) - `product page`
- 👉 [React Dashboard Black](https://demos.creative-tim.com/black-dashboard-react/#/admin/dashboard?AFFILIATE=128200) - `LIVE demo` 

If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics. 

![React Dashboard Black - Open-Source](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mlh1u2qngoo5tsudfgda.png)  

--- 

## [React MaterialPRO Lite](https://www.wrappixel.com/templates/materialpro-react-admin-lite/?ref=157)

Material React Admin Lite is a carefully handcrafted beautiful react admin dashboard template of 2019. It's built with a modular and modern design concept. Material React Admin Lite is completely free to download and use for your personal as well as commercial projects.

- 👉 [React Material Lite](https://www.wrappixel.com/templates/materialpro-react-admin-lite/?ref=157) - `product page`
- 🎁 More [React Templates](https://www.wrappixel.com/templates/category/react-templates/?ref=157) crafted by `WrapPixel`

![React MaterialPRO Lite - Open-Source template from WrapPixel](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qn4mdc5rjvulepa4wrvu.png)  

---  

## [Soft UI Dashboard React](https://www.creative-tim.com/product/soft-ui-dashboard-react?AFFILIATE=128200)

Start your Development with an Innovative Admin Template for `MUI` and `React`. If you like the look & feel of the hottest design trend right now, **Soft UI**, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.

- 👉 [Soft UI Dashboard React](https://www.creative-tim.com/product/soft-ui-dashboard-react?AFFILIATE=128200) - `product page`
- 👉 [Soft UI Dashboard React](https://demos.creative-tim.com/soft-ui-dashboard-react/#/dashboard?AFFILIATE=128200) - `LIVE Demo`

![Soft UI Dashboard React - Open-Source React Dashboard Template from Creative-Tim.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/171xdvqgb6yoa39uk81h.png)

--- 

## [React Horizon UI](https://appseed.us/product/horizon-ui/api-server-nodejs/) `Full-Stack`

Open-Source Full-Stack seed project crafted on top of `Chakra UI` and `React`. The product comes with a simple JWT authentication flow: login/register/logout powered by an open-source Node JS API Backend. Based on the permissive (MIT) Licence, **React Horizon UI** can be used in commercial projects and eLearning activities.

- 👉 [React Horizon UI](https://appseed.us/product/horizon-ui/api-server-nodejs/) - `product page`
- 👉 [React Horizon UI](https://react-horizon-ui-chakra.appseed-srv1.com/#/auth/sign-in/default) - `LIVE Demo`

![React Horizon UI - Open-Source react Dashboard.](https://user-images.githubusercontent.com/51070104/174428337-181e6dea-0ad9-4fe1-a35f-25e5fa656a9d.png)

---

## [React Node JS](https://appseed.us/product/berry-dashboard/api-server-nodejs/react/) Berry

**Berry** is a creative free **React Dashboard** build using the Material-UI by **CodedThemes** agency. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops. The product comes with a simple JWT authentication flow: login/register/logout.

- 👉 [React Node JS Berry](https://appseed.us/product/berry-dashboard/api-server-nodejs/react/) - `product page`
- 👉 [React Node JS Berry](https://react-node-js-berry-dashboard.appseed-srv1.com/) - `LIVE Demo`

![React Nodejs Berry - Open-source full-stack seed project crafted by CodedThemes and AppSeed.](https://user-images.githubusercontent.com/51070104/174480640-e0b450b1-07a8-4cc7-84bc-287bb9c45773.png)

---

## [React Argon Chakra UI](https://www.creative-tim.com/product/argon-dashboard-chakra?AFFILIATE=128200)

Start your Development with an Innovative Admin Template for **Chakra UI** and **React**. Argon Dashboard Chakra is built with over 70+ frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

- 👉 [React Argon ChakraUI](https://www.creative-tim.com/product/argon-dashboard-chakra?AFFILIATE=128200) - `product page`
- 👉 [Argon Dashboard Chakra](https://demos.creative-tim.com/argon-dashboard-chakra/#/admin/dashboard?AFFILIATE=128200) - `LIVE Demo`

This open-source `Chakra UI Dashboard` is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

![Argon Dashboard Chakra - Free React Dashboard Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6bsxkzrwlmkniacjhin0.jpg)  

--- 

## [React Node JS Soft Dashboard](https://appseed.us/product/node-js-react-soft-dashboard)

Soft UI Dashboard REACT, a modern Material-UI design crafted by Creative-Tim now configured with a Node JS API Backend. 

**Soft UI Material-UI** React is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

- 👉 [React Node JS Soft Dashboard](https://appseed.us/product/node-js-react-soft-dashboard) - `product page`
- 👉 [React Node JS Soft Dashboard](https://node-js-react-soft-dashboard.appseed-srv1.com/authentication/sign-in) - LIVE Demo

![React Node JS Soft Dashboard - Open-source full-stack project.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uxgnemo4sf6kgifeub9z.png)  

--- 

## [Material Tailwind React](https://www.creative-tim.com/product/material-tailwind-dashboard-react?AFFILIATE=128200)

Material **Tailwind** Dashboard React is a free Admin Template based on two popular front-end technologies: [Tailwind CSS and React](https://dev.to/sm0ke/react-tailwind-free-dashboards-3mkn). It was built to simplify the developer's work and is comes with a fresh design inspired by Google's Material Design. All its components are built to fit perfectly with each other, while aligning to the material concepts.

- 👉 [Material Tailwind React](https://www.creative-tim.com/product/material-tailwind-dashboard-react?AFFILIATE=128200) - `product page`
- 👉 [Material Tailwind React](https://demos.creative-tim.com/material-tailwind-dashboard-react/#/?AFFILIATE=128200) - `LIVE demo`  

![Material Tailwind - Open-source React Dashboard crafted by Creative Tim.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nd423xdiije2wktdr7dm.png) 

---

## [Tailwind React Dashboard](https://www.creative-tim.com/product/notus-react?AFFILIATE=128200)

**Notus React** is built with over frontend 100 individual components, giving you the freedom to choose and combine. All components can take variations in colors that you can easily modify using Tailwind CSS classes.

- 👉 [Tailwind React Dashboard](https://www.creative-tim.com/product/notus-react?AFFILIATE=128200) - `product page`
- 👉 [Tailwind React Dashboard](https://demos.creative-tim.com/notus-react/#/?AFFILIATE=128200) - `LIVE Demo`

![Tailwind CSS React Dashboard - Free starter provided by Creative-Tim.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/evr15voqao7r5x05gdir.png)

---

## Berry React Dashboard

Berry is a creative yet minimal free react admin template build using the Material UI. It is meant to be the best User Experience with highly customizable. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops.

- 👉 [Berry React Dashboard](https://github.com/codedthemes/berry-free-react-admin-template) - source code (MIT License)

![Berry React Dashboard - Open-source dashboard template coded in React.](https://raw.githubusercontent.com/admin-dashboards/berry-free-react-admin-template/main/media/react-dashboard-berry-screen.png)

--- 

> **Thanks for reading!** For more resources, feel free to access:

- ✨ More [Free Dashboards](https://appseed.us/admin-dashboards/open-source) crafted in Django, Flask, and [React](https://appseed.us/apps/react)
- ✨ More [Admin Dashboards](https://www.admin-dashboards.com/) - a huge index with products