Bootstrap 5 Material Dashboard - Free Resources
Tags: webdev, material, dashboards, opensource
Published: 2021-10-25 13:59:58

---
title: Bootstrap 5 Material Dashboard - Free Resources
published: true
description: A curated list with Material Dashboard starters crafted on top of Bootstrap 5 framework - all products are available on Github under permissive licenses.
tags: webdev, material, dashboards, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n0xsqeqrp8rf2xin6qb9.gif
canonical_url: https://blog.appseed.us/bootstrap-5-material-dashboard/
---
Hello Coders!

This article presents a short-list with open-source projects crafted on top of a pixel-perfect **Bootstrap 5** design that might help programmers code hobby and commercial dashboards without an initial investment. **Material Dashboard**, a popular dashboard template crafted by Creative-Tim, has been updated recently to Bootstrap 5 and a new fresh look inspired by Google's Material Design 2.

> *Thanks for reading!* - Content provided by **[App Generator](https://appseed.us/)**.

---

- ✨ [Material Dashboard](https://bit.ly/3fSPqaK) - product page (template version)
- ✨ [Material Dashboard Django](https://appseed.us/admin-dashboards/django-dashboard-material) - product page
- ✨ [Material Dashboard Flask](https://appseed.us/admin-dashboards/flask-dashboard-material-design) - product page

---

![Bootstrap 5 Material Dashboard - VR Sample page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hq5didb7gz38iiof9sym.png)
 
---

For newcomers, **Material Dashboard** is an open-source product with **280k downloads and ~10k stars on Github** released 5years ago by the Creative-Tim agency.  Since the beginning, the beautiful material-based design and the permissive license boosted quickly the product in the `open-source ecosystem`. Once the **Bootstrap 5** has reached a stable state, the product has been updated to use the latest features provided by Bootstrap plus more pages and a complete UI redesign.

> **New Product Features**

- Built with Bootstrap 5
- Tooling via Gulp for assets management
- New pages: SignIN, SignUP, VR, and Billing
- RTL Support
- Light/Dark mode 

---

![Bootstrap 5 Material Dashboard - Dashboard Sample page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7h6oe7qkygsoeeddfdp.png)

--- 

> **Bootstrap 5 Material Dashboard** - Billing Page

![Bootstrap 5 Material Dashboard - Billing Sample page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f9kuu1bprwlhtky04xu8.png)

---

This modern design can be also used in **Flask** and **Django**, two popular and trendy Python frameworks. Both products are free and actively supported by `AppSeed`.

---

## ✨ Material Dashboard Django

The codebase comes with up-to-date dependencies, database, session-based authentication, and Docker support for easier deployment.  For those familiar with Docker, the product can be compiled and started in a local environment with a few commands typed in the terminal. Let's try to start the project without leaving this page.

---

> **Step #1** - Clone the sources from Github

```bash
$ git clone https://github.com/app-generator/django-dashboard-material.git
$ cd django-dashboard-material
```

---

> **Step #2** - Start in Docker

```bash
$ docker-compose pull   # download dependencies
$ docker-compose build  # execute local set up
$ docker-compose up -d  # start the app in Docker
```

If all goes well, we should see **Material Dashboard 2** running in the browser. Once we register a new user and sign in, all private pages become accessible.

---

![Bootstrap 5 Material Dashboard - SignIN Sample page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/42mw2jjqtyh84lgcalze.png)

---

## ✨ Material Dashboard Flask

`Flask` version of **Material Dashboard 2** can be also downloaded and used from Github without a registration lock. The features provided by this simple seed project are quite similar to the Django version: up-to-date dependencies, SQLite, Flask-Migrate, Blueprints, and Docker support. For build instructions feel free to access the Github repository or the official documentation:

- 👉 [Flask Dashboard Material](https://appseed.us/admin-dashboards/flask-dashboard-material-design) - product page
- 👉 [Flask Dashboard Material](https://docs.appseed.us/products/flask-dashboards/material-dashboard) - documentation

---

![Material Dashboard Flask - RTL Support.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r9nbf58lcfh1u80tcitb.png)

---

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

- 👉 [Free Admin Dashboards](https://appseed.us/admin-dashboards/open-source) - index provided by AppSeed
- 👉 [Free Templates](https://bit.ly/3wd5D25) - index hosted by Creative-Tim

![Free Templates - Crafted by Creative-Tim](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zokoo01tfpdjwycf08g3.png)