Django Website Template - Material Kit (Bootstrap 5)
Tags: webdev, django, templates, opensource
Published: 2021-10-30 13:20:50

---
title: Django Website Template - Material Kit (Bootstrap 5)
published: true
description: Open-source Django Website Template crafted on top of Material Kit Design, a modern Bootstrap 5 Design. 
tags: webdev, django, templates, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s29mvpbggu3i5lf8v02t.png
canonical_url: https://appseed.us/django/django-material-kit
---
Hello Coders!

This article presents an open-source [Django Website Template](https://blog.appseed.us/django-website-templates-free-download/) crafted on top of Material Kit, a modern `Bootstrap 5` design. Product can be used to code with less effort a web project with a modern design and also might be used by beginners for eLearning activities. **Django Material Kit** can be downloaded directly from Github under the MIT license and used for unlimited hobby & commercial products.   

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

---  

- ✨ [Django Material Kit](https://appseed.us/django/django-material-kit) - Product page
- ✨ [Django Material Kit](https://django-material-kit.appseed-srv1.com/) - LIVE App

--- 

![Django Website Template - Material Kit Design.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9mbqair263e01k0ka4xb.gif)

---

The product can be started and executed locally by executing the Docker scripts shipped with the source code. Of course, to do that, we need to have Docker properly installed and accessible in the terminal. 

---

## Docker Set Up

> **Step #1** - Clone/Download source code

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

---

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

```bash
$ docker-compose pull   # download packages
$ docker-compose build  # local set up
$ docker-compose up     # start the app 
```

Once all the above commands are executed, we should be able to visit **Django Material Kit** in the browser `http://localhost:85`:

---

![Django Website Template - Material Kit, login page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yadj9zdvlxe8ayq6uvz2.jpg)

--- 

The product can be also compiled and started by following the steps provided in the README file (saved on Github). In order to have a successful build, make sure Python3 and Git is installed in the workstation. 

---

## Compile from Sources

> **Step #1** - Clone/Download source code

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

--- 

> **Step #2** - Install Modules

```bash
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Storage
$ pip3 install -r requirements.txt
```

---

> **Step #3** - Set up the database

```bash
$ python manage.py makemigrations
$ python manage.py migrate
```

---

> **Step #4** - Set up the database

```bash
$ python manage.py runserver
$
$ # Access the web app in browser: http://127.0.0.1:8000/
```

At this point we can access the app in the browser, create users and interact with this modern design: 

> **Material Kit** - About Us Page

![Django Website Template - Material Kit, about page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6i19ejafn4xq0q2wrtv4.jpg)

---

> **Material Kit** - UI Elements 

![Django Website Template - Material Kit, UI Elements.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c20vyz3ryotl8eqnqer8.jpg)

--- 

> **Material Kit** - Contact Page

![Django Website Template - Material Kit, Contact Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eywviblfvpk6cr5a6gjk.jpg)

--- 

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

---

- 👉 More [Django Apps](https://appseed.us/django) - provided by AppSeed
- 👉 Free [Admin Dashboards](https://appseed.us/admin-dashboards/open-source) crafted in Flask, Django and [React](https://appseed.us/apps/react)