React MUI Templates
Tags: mui, react, opensource, webdev
Published: 2022-04-07 16:57:18

---
title: React MUI Templates
published: true
description: A curated list with Open-Source MUI Templates released under permissive licenses - React Soft UI, Berry, Material Dashboard - All FREE.
tags: mui, react, opensource, webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w2ncmmb7pt6gjl75wskm.jpg
canonical_url: https://www.admin-dashboards.com/react-mui-template-open-source/
---
Hello Coders! 

This article presents a curated list with [Free MUI Templates](https://www.admin-dashboards.com/react-mui-template-open-source/) crafted by well-known agencies and released for free under permissive licenses (MIT, LGPL). All mentioned products can be downloaded from Github and used in commercial projects or eLearning activities. For newcomers, **[MUI](https://mui.com/)** is a popular components library built on top of `React`, a leading JS library used to code interactive user interfaces.

---

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

--- 

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

## [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`
- 👉 More [MUI Templates](https://www.wrappixel.com/templates/category/mui-templates/?ref=1) by `AdminMart` 

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)

---

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

Argon Dashboard Material-UI is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using JSS files.

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

This Dashboard is coming with pre-built examples, so the development process is seamless, switching from our pages to the real website is very easy to be done. Every element has multiple states for colors, styles, hover, and focus, that you can easily access and use.

![Open-Source MUI Template - Argon React Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dpbdqdnt17mk6epi8uhu.png)

--- 

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

**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 Node JS Berry - Full-stack product powered by a simple NodeJS API backend.](https://user-images.githubusercontent.com/51070104/174480640-e0b450b1-07a8-4cc7-84bc-287bb9c45773.png)

---

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

Flexy React Dashboard Lite is a carefully hand-crafted minimal admin template, It's built with modular and modern design.

- 👉 [Flexy React Material UI](https://demos.wrappixel.com/free-admin-templates/react/flexy-react-free/main/#/dashboards/dashboard1?ref=157) - LIVE Demo
- 👉 [Flexy React Material UI](https://www.wrappixel.com/templates/free-material-ui-template/?ref=157) - Product page

If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.
 
![Open-Source MUI Template - React Flexy Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bo3g1flby4cbqvuvjquu.png)

--- 

## [React Material Kit](https://appseed.us/product/material-kit/api-server-nodejs/) `full-stack`

Start your Development with an Innovative Admin Template for **Material-UI** and **React**. `Material Kit 2 React` is built with over 40 frontend individual elements, like buttons, inputs, navbars, alerts or cards, giving you the freedom of choosing and combining - **Designed by [Creative-Tim](https://www.creative-tim.com/?AFFILIATE=128200)**.

The product comes with a `simple JWT authentication flow`: login/register/logout. 

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

- 👉 [React Material Kit](https://appseed.us/product/material-kit/api-server-nodejs/react/) - `product page`
- 👉 [React Material Kit](https://react-material-kit.appseed-srv1.com/) - `LIVE Demo`

![React Material Kit - Open-Source Fullstack starter crafted by Creative-Tim and AppSeed.](https://user-images.githubusercontent.com/51070104/205701017-aba36ff7-1db0-41d0-8691-9f989c047014.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://www.creative-tim.com/?AFFILIATE=128200)
- ✅ React, Redux, Redux-persist
- ✅ Authentication: `JWT Tokens`, 
- ✅ `OAuth` via GitHub
- ✅ `Full-stack ready` using NodeJS API, Flask, Django

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

---

## [Berry MUI Template](https://github.com/codedthemes/berry-free-react-admin-template)

Berry is a free react admin template built using the M-UI. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete React Dashboard Template with an easy and intuitive responsive design on retina screens or laptops.

- 👉 [Berry MUI Dashboard](https://berrydashboard.io/free/) - LIVE Demo
- 👉 [Berry MUI Dashboard](https://github.com/codedthemes/berry-free-react-admin-template) - Source Code

![Open-Source MUI Template - Berry React Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/80jk1gv0768uw52rsu0y.png)

---

## [Flexy React Material Admin Lite](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 Material Admin Lite](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)
 
--- 

## [Mantis MUI Template](https://mantisdashboard.io/free/)

Mantis is a free and open-source React Redux dashboard template made using the MUI React component library with aim of flexibility and better customizability.

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

![Open-Source MUI Template - Mantis React Dashboard.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mwo6bh2d7aavldor2n6i.png)

---

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

Material Dashboard 2 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.

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

All components can take variations in color, which you can easily modify using MUI styled() API and sx prop. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

![Open-Source MUI Template - React Material Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a8dvhsl8zjm2ngw6oh4q.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