Flask Template Bootstrap - Open-source and Free
Tags: flask, bootstrap, opensource
Published: 2021-11-09 18:51:32

---
title: Flask Template Bootstrap - Open-source and Free
published: true
description: A curated list with open-source Flask Bootstrap Templates crafted on top of modern UI kist - all free, released under the MIT License on Github.
tags: flask, bootstrap, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/isqd3a6jaisec6obj64y.jpg
canonical_url: https://blog.appseed.us/flask-template-bootstrap-open-source/
---
Hello Coders!

This article presents a curated list with **open-source templates** and starters crafted on top of **[Bootstrap and Flask](https://blog.appseed.us/flask-template-bootstrap-open-source/)**. For newcomers, **Bootstrap** is the most popular CSS/JS framework for coding user interfaces and **Flask** is a leading web framework written in Python. All **Flask Templates** mentioned in this article can be downloaded directly from Github and used for unlimited hobby & commercial products.

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

--- 

- ✨ [Flask Template Bootstrap](https://flask-material-dashboard.appseed-srv1.com/) - **Material Bootstrap 5** (demo)
- ✨ [Flask Template Bootstrap](https://adminlte-flask.appseed-srv1.com/) - **AdminLTE** (demo)
- ✨ [Flask Template Bootstrap](https://flask-material-kit.appseed-srv1.com/) - **Material Kit** (demo)
- ✨ [Flask Template Bootstrap](https://flask-soft-ui-dashboard.appseed-srv1.com/) - **Soft UI Dashboard** (demo)
- ✨ [Flask Template Bootstrap](https://flask-sb-admin.appseed-srv1.com/) - **SB Admin** (demo)
- ✨ [Flask Template Bootstrap](https://flask-datta-able.appseed-srv1.com/) - **Datta Able** (demo)
- ✨ [Flask Template Bootstrap](https://flask-coreui.appseed-srv1.com/) - **CoreUI** (demo)

---

## ✨ What's in the Box

All starters being generated by AppSeed, share a common set of features and characteristics:

- `Up-to-date dependencies`: **Flask 2.0.1**
- `SCSS compilation` via **Gulp**
- `DBMS`: SQLite, PostgreSQL (production)
- `DB Tools`: SQLAlchemy ORM, Flask-Migrate (schema migrations)
- **Blueprints**, `Session-Based authentication` (via flask_login)
- `Deployment scripts`: **Docker**, Gunicorn / Nginx, Heroku
- Support via Github (issues tracker) and [Discord](https://discord.gg/fZC6hup)

---

## ✨ What is Bootstrap

In a single sentence, Bootstrap helps us to code faster and easier user interfaces by providing a set of HTML, and CSS templates for creating UI components like buttons, dropdowns, forms, alerts, modals, tabs, accordions, etc. Reusing the assets provided by the Bootstrap framework we might win time and also improve the quality of our end-product. Why using Bootstrap:

- `Easy to use` - any developer with basic programming knowledge can use and combine Bootstrap components to prototype fast a web page.
- `Responsiveness` - Bootstrap components are built to adapt and display properly on desktop and mobile devices with a wide range of resolutions.
- `Alive Community` - this amazing framework is actively supported and versioned by a huge open-source community
- `Cross-Browser Compatibility` - Bootstrap keeps up the codebase with the latest standards for a smooth deployment on all well-known browsers: Chrome, Safari, IE, or Firefox.

---

## ✨ What is Flask

**Flask** is an open-source web framework coded in Python using a lightweight codebase and flexible by design. By default, Flask is not coming with a database or any other hard dependency empowering the developers with total freedom in terms of used modules and how to structure the project. To use Flask and code a test application, Python3 should be properly installed in the workstation and accessible in the terminal window.

```bash
$ pip install flask
```

The above command install `Flask` using `PIP`, the official package manager for Python. Once `Flask` is installed, we can code a simple app and run it:

```python
from flask import Flask 
app = Flask(__name__) 
 
@app.route('/') 
def hello_world(): 
    return 'Flask & Boostrap works great!' 
 
if __name__ == '__main__': 
    app.run() 
```

If we execute the above snippet and open `http://localhost:5000` in the browser we should see the message **Flask & Boostrap works great**. Even if not too much, we've just coded a usable Flask application that we can improve with more features and modules.

For more than a simple Hello World let's get back to our list.

---

## ✨ Flask Template Material 2

Designed for those who like bold elements and beautiful websites, Material Dashboard 2 is ready to help you create stunning websites and web apps. Material Dashboard 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

- 👉 [Flask Dashboard Material](https://github.com/app-generator/flask-material-dashboard) - source code
- 👉 [Flask Dashboard Material](https://flask-material-dashboard.appseed-srv1.com/) - LIVE deployment

---

![Flask Template Bootstrap - Material 2 Design.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/68rt4nri4odkql7lssdr.gif)

--- 

## ✨ Flask Template AdminLTE

AdminLTE is one of the best open-source admin dashboard & control panel themes. Built on top of Bootstrap, AdminLTE provides a range of responsive, reusable, and commonly used components. Flask provides a lightweight codebase that can be easily extended to become an API, a simple web app, or a complex eCommerce platform.

- 👉 [AdminLTE Flask](https://github.com/app-generator/flask-dashboard-adminlte) - source code
- 👉 [AdminLTE Flask](https://adminlte-flask.appseed-srv1.com/) - LIVE Deployment

---

![Flask Template Bootstrap - AdminLTE.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/24vg1n9kwr6hlbdkf6rf.png)

---

## ✨ Flask Template Material Kit

Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. This simple Flask project can be used to code beautiful websites with a modern design.

- 👉 [Flask Material Kit](https://github.com/app-generator/flask-material-kit) - source code
- 👉 [Flask Material Kit](https://flask-material-kit.appseed-srv1.com/) - LIVE deployment

---

![Flask Template Bootstrap - Material Kit 2.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nxr0ko9chjoikwdxgjdf.png)  

---

## ✨ Flask Template Soft Dashboard

Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is ready to help you create stunning websites and web apps. Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

- 👉 [Flask Soft UI Dashboard](https://github.com/app-generator/flask-soft-ui-dashboard) - source code
- 👉 [Flask Soft UI Dashboard](https://flask-soft-ui-dashboard.appseed-srv1.com/) - LIVE Demo

---

![Flask Template Bootstrap - Soft UI Dashboard.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2eja0bk6ls1wo138z21c.png)

---

## ✨ Flask Template SB Admin

SB Admin is a free, open-source, Bootstrap 4 based admin theme perfect for quickly creating dashboards and web applications. Its modern design style with subtle shadows and a card-based layout could be described as flat material and is inspired by the principles of material design along with a simple, attractive color system. - Design provided by StartBootstrap.

- 👉 [Flask SB Admin](https://github.com/app-generator/flask-dashboard-sb-admin) - source code
- 👉 [Flask SB Admin](https://flask-sb-admin.appseed-srv1.com/) - LIVE Deployment

---

![Flask Template Bootstrap - SB Admin.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/13ptbgj979rreq1otpdz.png)
 
--- 

## ✨ Flask Template Datta Able

**Datta Able** Bootstrap Lite is the most stylized 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.

- 👉 [Datta Able Flask](https://github.com/app-generator/flask-datta-able) - source code
- 👉 [Datta Able Flask](https://flask-datta-able.appseed-srv1.com/) - LIVE deployment

---

![Flask Template Bootstrap - Datta Able Design.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ak105o9wtnmzh2ey1fgb.png)

---

## ✨ Flask Template CoreUI

CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high-quality icons.

- 👉 [CoreUI Flask](https://github.com/app-generator/flask-dashboard-coreui) - source code
- 👉 [CoreUI Flask](https://flask-coreui.appseed-srv1.com/) - LIVE deployment

---

![Flask Template Bootstrap - CoreUI Design.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7fisommi34mi2p4u1hs9.png)

--- 

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

- ✨ AppSeed for [Support](https://appseed.us/support) and more [Flask](https://appseed.us/admin-dashboards/flask) Starters
- ✨ [Free Dashboards](https://appseed.us/admin-dashboards/open-source) - crafted in Flask, Django, and [React](https://appseed.us/apps/react)