Flask Bootstrap 5 - Volt Dashboard (free)
Tags: webdev, bootstrap5, dashboards, flask
Published: 2020-10-02 07:26:45

---
title: Flask Bootstrap 5 - Volt Dashboard (free)
published: true
description: An open-source Bootstrap 5 design coded in Flask with basic modules, database, and deployment scripts. 
tags: webdev, bootstrap5, dashboards, flask
cover_image: https://raw.githubusercontent.com/app-generator/flask-dashboard-volt/master/media/flask-dashboard-volt-screen.png
---
Hello Coders,

This article presents an open-source **[Flask Bootstrap 5](https://appseed.us/admin-dashboards/flask-dashboard-volt)** seed project crafted with basic modules on top of Volt Dashboard, a modern jQuery-free design. For newcomers, **[Flask](https://appseed.us/admin-dashboards/flask/)** is a lightweight web application framework written in Python. Sometimes classified as a microframework, Flask provides a lightweight codebase that can be easily extended to become an API, a simple web app, or a complex eCommerce platform.

---

**Project Features**  

- Open-source, MIT license (unlimited copies are allowed) 
- Coded in Bootstrap 5
- Pure Vanilla JS - no jQuery dependency
- Flask codebase: authentication, database, ORM
- Deployment-ready for Docker, HEROKU, Gunicorn/Nginx
- Active support via **[Discord](https://discord.gg/fZC6hup)** provided by AppSeed

---

- [Flask Bootstrap 5 Volt](https://appseed.us/admin-dashboards/flask-dashboard-volt) - product page
- **[Flask Bootstrap 5 Volt PRO](https://appseed.us/admin-dashboards/flask-dashboard-volt) - more pages, components**

---

![Bootstrap 5 Template Volt - coded in Flask with basic modules by AppSeed.](https://raw.githubusercontent.com/app-generator/flask-dashboard-volt/master/media/flask-dashboard-volt-intro.gif)

---

## **[Bootstrap 5](https://themesberg.com/blog/design/bootstrap-5-release-date-and-whats-new)** - Latest changes

Bootstrap is one of the most popular front-end frameworks that provided in the latest version some interesting updates:

- Dependency updates - jQuery and Popper.js replaced with pure Vanilla JS. One of the major reasons for dropping jQuery was to redefine the framework completely on modern JavaScript standards.
- Legacy Internet Explorer versions (10,11) are no longer supported. 
- Responsive Fonts - The viewport will dictate the size of the font. 

Volt Dashboard includes already all these enhancements and provides on top some really nice features. For more information about Bootstrap 5 new features please access: 

**[Bootstrap 5](https://themesberg.com/blog/design/bootstrap-5-release-date-and-whats-new) release date and what's new about it** provided by Themesberg team

---

## Volt Dashboard - Free BS5 Template

Volt is a free and open-source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages, and 3 customized plugins. 

- 100+ Components - the usage is documented [here](https://themesberg.com/docs/volt-bootstrap-5-dashboard/components/accordions/)
- 11 Example pages - Dashboard, Settings, Components (modals, buttons, forms), Sign IN, Sign UP

---

**[Flask Bootstrap 5](https://appseed.us/admin-dashboards/flask-dashboard-volt)** - User Page

![Flask Volt Dashboard - User Page.](https://raw.githubusercontent.com/app-generator/flask-dashboard-volt/master/media/flask-dashboard-volt-screen-profile.png)

---

**[Flask Bootstrap 5](https://appseed.us/admin-dashboards/flask-dashboard-volt)** - UI Alerts

![Flask Volt Dashboard - UI Alerts Page.](https://raw.githubusercontent.com/app-generator/flask-dashboard-volt/master/media/flask-dashboard-volt-screen-alerts.png)

---

**[Flask Bootstrap 5](https://appseed.us/admin-dashboards/flask-dashboard-volt)** - 404 Page

![Flask Volt Dashboard - 404 Error Page.](https://raw.githubusercontent.com/app-generator/flask-dashboard-volt/master/media/flask-dashboard-volt-screen-404-error.png)

---

## Volt Dashboard - Flask Codebase

The codebase that animates and makes usable this nice design is provided by AppSeed. Basic features like authentication, database setup, forms validation, deployment scripts are tested and production-ready. 

**App Features** - list extracted from the [README](https://github.com/app-generator/flask-dashboard-volt/blob/master/README.md) file

- DBMS: SQLite, PostgreSQL (production) 
- DB Tools: SQLAlchemy ORM, Alembic (schema migrations)
- Modular design with **Blueprints**
- Session-Based authentication (via **flask_login**), Forms validation
- Deployment scripts: Docker, Gunicorn / Nginx, Heroku

--- 

In case any of you decide to use this seed project, the app can be compiled with just a few commands typed in a terminal window. 

**Clone the sources**

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

---

**Install modules**

```bash
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
```

---

**Start the app**

```bash
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Start the application (development mode)
$ flask run
```

Once the app starts, we need to create a new user and authenticate it. 

---

> **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