Free React Dashboards - Chakra, M-UI and Ant Design
Tags: react, opensource, webdev, dashboards
Published: 2021-10-15 12:43:11

---
title: Free React Dashboards - Chakra, M-UI and Ant Design
published: true
description: A curated list with open-source React Dashboards crafted on top of Chakra-UI, M-UI and Ant.Design - all products are released under the MIT License.
tags: react, opensource, webdev, dashboards
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gasx34b2oyzov6r5ylkn.png
canonical_url: https://www.admin-dashboards.com/free-react-dashboards-chakra-mui-ant-design/
---
Hello Coders!

This article presents a curated list with open-source **[React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j)** styled with different `super-popular` components libraries: `Chakra-UI`, `M-UI`, and `Ant.Design`. All templates are released under permissive licenses that allow unlimited copied for hobby and commercial projects. For newcomers, **React** is an **open-source** JavaScript library for coding user interfaces baked by Facebook. *Thanks for reading!* 

---

## `PROMO` 🚀 [SeRanking](https://seranking.com/?ga=2230964&source=link) - `All-in-one SEO Software`

> **Award-winning SEO Tool** for your business - [Pricing starts from $25/mo](https://seranking.com/subscription.html?ga=2230964&source=link).

- ✅ `100% accurate` keyword `rank tracking`
- ✅ In-depth `website audit`
- ✅ `Backlink checking` & monitoring
- ✅ Keyword Research

[![SeRanking - All-in-one SEO software made simple (service banner)](https://user-images.githubusercontent.com/51854817/212999126-2534c0d9-2237-4979-a5d2-b3fe30c3a05d.jpg)](https://seranking.com/?ga=2230964&source=link)

---

> *Disclosure* - **This post contains affiliate links**. 

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. **Thank you!**

--- 

## ✨ [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)

---

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

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: 
  - [Node API](https://github.com/app-generator/api-server-nodejs) `free product`
  - [Node API Mongo](https://github.com/app-generator/api-server-nodejs) `free product`

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

--- 

## ✨ [React Dashboard Berry](https://berrydashboard.io/)

Berry is a creative open-source admin dashboard template build using React and Material-UI library. It is a complete game-changer React Dashboard Template with an easy and intuitive responsive design as on retina screens or laptops.

- ✨ [Berry Dashboard](https://berrydashboard.io/) - **product page**
- ✨ [Berry Dashboard](https://github.com/codedthemes/berry-free-react-admin-template) - **source code** (published on Github)
- ✨ [Berry Dashboard](https://berrydashboard.io/free/dashboard/default) - **LIVE Demo**
 
This free product might be a good choice for your next project based on the modern UI aesthetics, rich set of UI components, modern tooling, and a simple, intuitive codebase structure.

![Dashboard Page of Berry Template, a free React Dashboard crafted on top of Materui UI components library. ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y5sa8tv1ku9mbxrxuk8d.png)

---

## ✨ [React Dashboard Muse](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.

- ✨ [React Dashboard Muse](https://www.creative-tim.com/product/muse-ant-design-dashboard?AFFILIATE=128200) - **product page**
- ✨ [React Dashboard Muse](https://demos.creative-tim.com/muse-ant-design-dashboard/#/dashboard?AFFILIATE=128200) - **LIVE Demo**

This beautiful React Admin Template comes with 5 color filter choices for both the sidebar and the cards (blue, green, red, yellow, and black), an option to have a transparent or fill sidebar, and an option to have a fixed navbar.

![Dashboard Page of Muse Template, a free React Dashboard crafted on top of Ant.Design components library. ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ynvtek4hnqs06qaqgf5.png)

---

> **Thanks for reading!** For more resources, please access:

---

- Free **[React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j)** - article published on Dev.to.
- **[React Apps](https://appseed.us/apps/react)** - a curated list with `full-stack starters`.