Black Dashboard - Free Resources for Jinja2, Flask, and Django
Tags: webdev, blackdesign, dashboards, appseed
Published: 2020-07-29 07:36:51

---
title: Black Dashboard - Free Resources for Jinja2, Flask, and Django
published: true
description: Black Dashboard design migrated to Jinja2, Flask, and Django released under MIT license on Github
tags: webdev, blackdesign, dashboards, appseed
cover_image: https://raw.githubusercontent.com/admin-dashboards/free-dashboard-black/master/media/free-dashboard-black-screen.png
---
Hello Coders,

This article presents a short-list with free resources for **[Black Dashboard](https://appseed.us/black-dashboard)** design (free version) the well-known UI KIT provided by Creative-Tim agency. For newcomers, [Black Dashboard](https://appseed.us/black-dashboard) is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. [Black Dashboard](https://appseed.us/black-dashboard) comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.

---

> Thank you! **Content provided by [AppSeed - App Generator](https://appseed.us)**.

---

- [Black Dashboard Flask](https://appseed.us/admin-dashboards/flask-dashboard-black) - product page
- [Black Dashboard Django](https://appseed.us/admin-dashboards/django-dashboard-black) - product page
- [Black Dashboard Jinja](https://jinja-black-dashboard.appseed-srv1.com/) - LIVE Demo
- [Black Dashboard](http://bit.ly/2L0W6Z7) (HTML version) - product page

---

![Black Dashboard - Animated presentation.](https://raw.githubusercontent.com/app-generator/jinja2-black-dashboard/master/media/jinja2-black-dashboard-intro.gif)

---

### [Black Dashboard](http://bit.ly/2L0W6Z7) (HTML version)

This dark-themed design, provided under the MIT license by Creative-Tim agency, can be downloaded directly from Github. 
**[Black Dashboard](http://bit.ly/2L0W6Z7)** is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing.
If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.
Black Dashboard comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.

---

- [Black Dashboard](http://bit.ly/2L0W6Z7) - product page

---

> Black Dashboard (HTML) - Build from sources

To compile the HTML files, we need to have Nodejs and Gulp installed on the workstation. 

```bash
$ # Download Sources
$ git clone https://github.com/creativetimofficial/black-dashboard.git
$ cd black-dashboard
$
$ # Install modules
$ yarn
$
$ # Start the project for the development
$ gulp
```

If all goes well, we should see **Black Dashboard** design rendered in the browser.

---

## [Black Dashboard Jinja](https://jinja-black-dashboard.appseed-srv1.com/)

Jinja2 is quite a popular template engine used by frameworks like Flask and Django. AppSeed uses Jinja2 as an input format for the internal automated workflow that generates usable, tested web apps.

---

> [What is Jinja](https://docs.appseed.us/what-is/jinja/)

Jinja2 is a Python template engine used to generate HTML or XML returned to the user via an HTTP response.

For those who have not been exposed to a templating language before, such languages essentially contain variables as well as some programming logic, which when evaluated (or rendered into HTML) are replaced with actual values.

For more information about this amazing engine, please access a popular article published here on Dev.to, quite recently:

[Jinja2 — Short introduction and Sample Apps](https://dev.to/sm0ke/jinja2-short-introduction-and-sample-apps-nb)

---

> Black Dashboard Jinja - How to compile

```bash
$ # Clone the sources
$ git clone https://github.com/app-generator/jinja-black-dashboard.git
$ cd jinja-black-dashboard
$
$ # Virtualenv set up
$ virtualenv env
$ source env/bin/activate
$
$ # Install requirements
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Run the Jinja Template
$ flask run
$
$ # Access the UI in browser: http://127.0.0.1:5000/
```

---

> Black Dashboard Jinja - User Profile

![Black Dashboard - Jinja2 version, user profile screen.](https://raw.githubusercontent.com/app-generator/jinja2-black-dashboard/master/media/jinja2-black-dashboard-screen-user-profile.png)

---

## [Flask Black Dashboard](https://appseed.us/admin-dashboards/flask-dashboard-black)

The Flask version of Black Dashboard design is provided as a simple codebase enhanced with authentication, database, ORM, and deployment scripts for Docker, Heroku, and Gunicorn/Nginx stack — App Links:

- [Flask Black Dashboard](https://appseed.us/admin-dashboards/flask-dashboard-black) - product page
- **[Flask Black PRO](https://appseed.us/admin-dashboards/flask-dashboard-black-pro) - more pages, components**

---

> [Black Dashboard](https://appseed.us/black-dashboard) Flask - Codebase structure 

```bash
< PROJECT ROOT >
   |
   |-- app/                   # Implements app logic
   |    |-- base/             # Base Blueprint - Handles the auth
   |    |-- home/             # Home Blueprint - Serve pages
   |    |
   |   __init__.py            # Initialize the app
   |
   |-- requirements.txt       # Development modules 
   |-- requirements-mysql.txt # Production modules  - Mysql DMBS
   |
   |-- .env                    # Inject Configuration via Env
   |-- config.py               # Set up the app
   |-- run.py                  # Start the app - WSGI gateway
   |
   |-- ******************************************************
```

To compile the sources, please follow the build instructions listed in the [README](https://github.com/app-generator/flask-black-dashboard/blob/master/README.md) file. In case of any issues, please use Github to report a possible bug or feel free to ask me anything in the comments.

---

![Black Dashboard - Flask version, UI alerts screen.](https://raw.githubusercontent.com/app-generator/flask-black-dashboard/master/media/flask-black-dashboard-screen-2.png)

---

## [Black Dashboard Django](https://appseed.us/admin-dashboards/django-dashboard-black)

Django version is also released on Github and based on the permissive (MIT) license can be used for unlimited hobby & commercial projects and no footer credit is required to use the app and the design.

- [Black Dashboard Django](https://appseed.us/admin-dashboards/django-dashboard-black) - product page 
- **[Django Black PRO](https://appseed.us/admin-dashboards/django-dashboard-black-pro) - more pages, components**

---

![Black Dashboard - Flask version, charts screen](https://raw.githubusercontent.com/app-generator/django-dashboard-black/master/media/django-dashboard-black-screen-1.png)

--- 

> [Black Dashboard](https://appseed.us/black-dashboard) Django - How to compile the code

```bash
$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-black.git
$ cd django-dashboard-black
$
$ # Virtualenv set up
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .\env\Scripts\activate
$ 
$ # Install modules
$ # SQLIte version
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Start the app - custom port
$ # python manage.py runserver 0.0.0.0:<your_port>
$
$ # Access the web app in the browser: http://127.0.0.1:8000/
```

---

> Thanks for reading! Where to go from here:

- See more starters coded on top of [Black Dashboard](https://appseed.us/black-dashboard) design
- More [Jinja Templates](https://appseed.us/jinja-template) - provided by AppSeed