Flask Dashboard - Simple Open-Source Starters
Tags: flask, dashboards, opensource
Published: 2020-04-20 17:51:47

---
title: Flask Dashboard - Simple Open-Source Starters
published: true
description: A curated list with admin panel coded in Flask on top of beautiful UI Kits, released under the MIT license on Github.
cover_image: https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-black-screen.png
tags: flask, dashboards, opensource
---
Hello Coders,

In this article, I will present a curated list with **[Flask Dashboards](https://appseed.us/admin-dashboards/flask)** crafted on top of modern, actively supported UI Kits. The apps are published on Github under permissive licenses (MIT, LGPL) and anyone can use them for unlimited hobby and commercial products. For newcomers, **[Flask](https://appseed.us/apps/flask/)** is a lightweight web application framework written in Python that provides a lightweight codebase and 3rd party libraries. 

The starters are provided with a minimum set of features (authentication, ORM, Database, DB Migration Tools, Deployment Scripts) and might a good knowledge base for beginners to start new projects on top of functional, tested starters. 

---

| Product | Design | License | - | - |
| --- | --- | --- | --- | --- | 
[Flask Datta Able](https://appseed.us/admin-dashboards/flask-datta-able) | CodedThemes | MIT | [Demo](https://flask-datta-able.appseed-srv1.com/) | [Source](https://github.com/app-generator/flask-datta-able)  
[Flask Dashboard Volt](https://appseed.us/admin-dashboards/flask-dashboard-volt) | Themesberg | MIT | [Demo](https://flask-volt-dashboard.appseed-srv1.com/) | [Source](https://github.com/app-generator/flask-dashboard-volt) 
[Flask Dashboard Black](https://appseed.us/admin-dashboards/flask-dashboard-black) | Creative-Tim | MIT | [Demo](https://flask-black-dashboard.appseed-srv1.com/) | [Source](https://github.com/app-generator/flask-black-dashboard)  
[Flask Admin Material](https://appseed.us/admin-dashboards/flask-dashboard-material-design) | Creative-Tim | MIT | [Demo](https://flask-material-dashboard.appseed-srv1.com/) | [Source](https://github.com/app-generator/flask-material-dashboard) 
[Flask Atlantis Dark](https://appseed.us/admin-dashboards/flask-dashboard-atlantis-dark) | ThemeKita | MIT | [Demo](https://flask-atlantis-dark.appseed-srv1.com/) | [Source](https://github.com/app-generator/flask-dashboard-atlantis-dark) 
[Flask Star Admin](https://appseed.us/admin-dashboards/flask-star-admin) | BootsrapDash | MIT | [Demo](https://flask-star-admin.appseed-srv1.com/) | [Sources](https://github.com/app-generator/flask-star-admin)

---

### (New) [Datta Able Flask](https://appseed.us/admin-dashboards/flask-datta-able)

Open-source dashboard generated by AppSeed in **Flask** Framework. **Datta Able** Bootstrap Lite is the most stylised Bootstrap 4 Lite Admin Template, around all other Lite/Free admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code. Before developing Datta Able our key points were performance and design.

---

- [Datta Able Flask](https://appseed.us/admin-dashboards/flask-datta-able) - product page
- [Datta Able Flask - Demo](https://flask-datta-able.appseed-srv1.com/) - LIVE Deployment

---

![Flask Datta Able - Starter project coded in Flask.](https://raw.githubusercontent.com/app-generator/flask-datta-able/master/media/flask-dashboard-dattaable-intro.gif)

---

### [Flask Dashboards](https://appseed.us/admin-dashboards/flask) Features

All starters are built using an automatized workflow, and the code-base is quite similar to all Flask dashboards - The common features:

- MIT License (of course), UI-Ready
- Dual DB profile: SQLite (development), PostgreSQL for production
- DB Tools: Flask-SqlAlchemy ORM, Alembic for Db Migration
- Session-based login, hashed passwords
- Deployment scripts: Docker, Gunicorn / Nginx
- Modern UI Kits, actively supported by publishers

The code follows the best practices, with a simple, modular code-base. Apps are documented via comprehensive README files, along with separated detailed docs accessible here: [Admin Dashboards - Usage](https://docs.appseed.us/boilerplate-code/flask-dashboard)

---

### How to use the code

As mentioned, all admin panels are published on Github. Let's built a sample app, and see something nice on the screen: [Flask Dashboard Black](https://appseed.us/admin-dashboards/flask-dashboard-black)

To build successfully the starters, we need a Python3 environment properly set up, and (optionally) GIT tool, to grab the source code directly from Github. For those unfamiliar with Git, feel free to access the repository and download the ZIP. All we need to do is to open a terminal and type a few commands:

> Clone/download the source code 

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

> Built a [virtual environment](https://docs.python.org/3/library/venv.html)

```bash
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv --no-site-packages env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv --no-site-packages env
$ # .\env\Scripts\activate
```

> Install dependencies

```bash
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
```

> Set up the environment

```bash
$ # Set the FLASK_APP environment variable
$ (Unix/Mac) export FLASK_APP=run.py
```

> Start the app

```bash
$ # Start the application (development mode)
$ # --host=0.0.0.0 - expose the app on all network interfaces (default 127.0.0.1)
$ # --port=5000    - specify the app port (default 5000)  
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/
```

If this super simple set up works well, we should see the login page in the browser. By default, the app redirects guests users to the login page for authentication. After passing the login, we should see the main dashboard screen: 

![Flask Dashboard Black - Main dashboard screen.](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-black-screen.png)

> Profile Page

![Flask Dashboard Black - User Profile Page.](https://raw.githubusercontent.com/app-generator/static/master/products/flask-dashboard-black-screen-3.png)

From this point, we can play with the code to add more pages, update the title or labels for authentication pages or add more features like: remember password. 

At some point, might be a good idea to go LIVE with our app we can reuse some basic deployment configurations already provided for all starters: 

---

### [Docker](https://www.docker.com/) execution

The application can be easily executed in a docker container. The steps:

> Get the code

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

> Start the app in Docker

```bash
$ sudo docker-compose pull && sudo docker-compose build && sudo docker-compose up -d
```

Visit `http://localhost:5005` in your browser. The app should be up & running. 

---

### [Gunicorn](https://gunicorn.org/)

Gunicorn 'Green Unicorn' is a Python WSGI HTTP Server for UNIX.

> Install using pip

```bash
$ pip install gunicorn
```
> Start the app using gunicorn binary

```bash
$ gunicorn --bind 0.0.0.0:8001 run:app
Serving on http://localhost:8001
```

Visit `http://localhost:8001` in your browser. The app should be up & running.

---

### [Waitress](https://docs.pylonsproject.org/projects/waitress/en/stable/)

Waitress (Gunicorn equivalent for Windows) is meant to be a production-quality pure-Python WSGI server with very acceptable performance. It has no dependencies except ones that live in the Python standard library.

> Install using pip

```bash
$ pip install waitress
```
> Start the app using [waitress-serve](https://docs.pylonsproject.org/projects/waitress/en/stable/runner.html)

```bash
$ waitress-serve --port=8001 run:app
Serving on http://localhost:8001
```

Visit `http://localhost:8001` in your browser. The app should be up & running.
 
In case of any issues, it might be a good idea to access the [official docs](https://docs.appseed.us/admin-dashboards/) provided in the public space. 

--- 

> **Thanks for reading!** For more resources, feel free to access:

- 👉 More [Flask Dashboards](https://appseed.us/admin-dashboards/flask/) crafted in Django, Flask, and `React`
- 👉 More [Flask Apps](https://appseed.us/apps/flask/) - free & PAID