Free Admin Dashboard - Material Design BS5
Tags: dashboards, material, opensource
Published: 2021-10-21 07:11:13

Hello!

This article presents an `Open-Source Admin Dashboard` crafted on top of Bootstrap 5 framework using a pixel-perfect material-based design. **Material Dashboard** is a popular freebie released under the MIT License by Creative-Tim, a well-known web agency with more than 1.5M registered users. The product can be downloaded directly from Github (no registration lock) and used without limitations for hobby and commercial projects.

> *Thanks for reading!* - Content provided by **[Admin Dashboards](https://www.admin-dashboards.com/)**.

---

- ✨ [Material Dashboard 2](https://www.creative-tim.com/product/material-dashboard?AFFILIATE=128200) - product page
- ✨ [Material Dashboard 2](https://demos.creative-tim.com/material-dashboard/pages/dashboard.html?AFFILIATE=128200) - LIVE Demo

---

![Free Admin Dashboard - Material Design.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vo37kpxyzbjsrqfzdr8k.gif)

---

## Update Information

This popular open-source dashboard released 5 years ago with more than 280k+ times got an important update summarized below:

- Bootstrap 5 update -  v5.1.3
- Codebase refactoring
- Light/Dark Mode Ready
- Authentication pages: SignIN, SignUP
- New pages: VR, RTL Support, Billing

For more information, please access the product page or the official documentation.    

---

## Product Information

The most complex and innovative Dashboard Made by Creative Tim. Check our latest Premium Bootstrap 5 Dashboard with a fresh, new design inspired by Google's Material Design 2.

**Fully Coded Elements** - Material Dashboard 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes.

**Example Pages** - 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.

---

> Material Dashboard - Billing Page

![Free Material Dashboard - Billing Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jwdg42gt0uwra9dsmtar.png)
 
---

> Material Dashboard - Profile Page

![Free Material Dashboard - Profile Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/39cll4xc9yo6gzjmpizc.png)
 
---

> Material Dashboard - VR Page

![Free Material Dashboard - VR Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xa3l9aes2bw30ot8wjxs.png)

---

## How to use the product

Material Dashboard can be compiled and used locally with just a few commands typed in the terminal window. Before trying to build the product please check if a [minimum programming kit](https://docs.appseed.us/content/tutorials/minimal-programming-kit) is properly installed and accessible via the terminal window: NodeJS ( v12.x or above), GIT, and a modern editor like VsCode or Atom. Once all the tools are installed we can move forward and compile the template:

> 👉 Step #1 - Clone product from Github

```bash
$ git clone https://github.com/creativetimofficial/material-dashboard.git
$ cd material-dashboard
```

---

> 👉 Step #2 - Install Modules via `NPM` or `Yarn`

```bash
$ npm i
// OR
$ yarn
```

---

> 👉 Step #3 - Install Gulp globally

```bash
$ npm install -g gulp-cli
```

---

> 👉 Step #4 - Start the project (development mode)

```bash
$ gulp open-app
```

If all goes well, we should see **Material Dashboard** up and running in the browser.

---

![Free Material Dashboard - Login Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ba9bmp4r63c82e697gx9.png)
 
---

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

- [Free Admin Dashboards](https://appseed.us/admin-dashboards/open-source) - provided by AppSeed
- [Open-Source React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j) -  a popular article published on Dev.to