Bootstrap 5 - Open-source Flask Templates
Tags: flask, bootstrap5, opensource
Published: 2021-12-27 14:28:32

---
title: Bootstrap 5 - Open-source Flask Templates
published: true
description: A curated list with open-source Flask Templates crafted on top of modern Bootstrap 5 UI Kits
tags: flask, bootstrap5, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yxr388ne9lvh6oz215qz.png
---
Hello Coders!

This article presents a curated list with open-source [Flask Templates](https://appseed.us/apps/flask-apps) crafted on top of modern **Bootstrap 5** UI Kits and released under the MIT license on Github. Source code for all products can be downloaded without a registration lock and used for hobby & commercial or simply for eLearning activities.  

> Thanks for reading! 

- 👉 [Soft UI Design Flask](https://appseed.us/product/flask-soft-ui-design-system) - product page
- 👉 [Flask Material Kit](https://appseed.us/apps/flask-apps/flask-material-kit) - product page
- 👉 [Flask Pixel Lite](https://appseed.us/apps/flask-apps/flask-pixel-bootstrap-uikit) - product page

--- 

All products are generated with a an identical features set, database and deployment support via Docker. 

- `Up-to-date dependencies`: Flask 2.0.1
- `SCSS compilation` via **Gulp**
- **Bootstrap** 5 design
- `SQLite`, Flask-SQLAlchemy ORM
- Session-Based authentication flow (login, register)
- `Deployment`: **Docker**, Gunicorn / Nginx, Heroku
- Support via Github (issues tracker) and [Discord](https://discord.gg/fZC6hup).
 
---

Probably the most easier way to compile and use the products is via Docker. Once we have the code downloaded locally, the build is super easy.

> 👉 **Download the sources** - [Soft UI Design](https://appseed.us/product/flask-soft-ui-design-system)

```bash
$ git clone https://github.com/app-generator/flask-soft-ui-design.git
$ cd flask-soft-ui-design
```

---

> 👉 **Start in Docker**

```bash
$ docker-compose up --build 
```

Once all the above commands are executed, we should be able to access the app in the browser, create users and interact with the UI. 

![Soft UI Design Flask - HERO section.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ukz5d3k72e2hdtm8330a.png)

--- 

## Soft UI Design Flask

Soft UI Design System is a Premium Bootstrap 5 UI Kit designed by Creative-Tim designed for those who like bold elements and beautiful websites. Soft UI Design System Flask is a simple Flask starter with a modular codebase, database, authentication, and deployment scripts.

- 👉 [Soft UI Design Flask](https://flask-soft-ui-free.appseed-srv1.com/) - LIVE Demo
- 👉 [Soft UI Design Flask](https://appseed.us/product/flask-soft-ui-design-system) - Product page

---

![Soft UI Design Flask - About US page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgh3l5kpiyn9av232hsg.png)

--- 

## Material Kit Flask

Material Kit 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 Material Kit](https://flask-material-kit.appseed-srv1.com/) - LIVE Demo
- 👉 [Flask Material Kit](https://appseed.us/apps/flask-apps/flask-material-kit) - product page

---

![Material Kit Flask - HERO section.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w6c6oon7gvk0qtrg9p0c.png)
 
--- 

## Pixel Flask Template

Pixel is a free, fully responsive, and modern Bootstrap 5 UI Kit that will help you build creative and professional websites. Use our components and sections, switch some Sass variables to build and arrange pages to best suit your needs. 

- 👉 [Flask Pixel Lite](https://flask-pixel-lite.appseed-srv1.com/) - LIVE Demo
- 👉 [Flask Pixel Lite](https://appseed.us/apps/flask-apps/flask-pixel-bootstrap-uikit) - Product page

--- 

![Pixel Flask Template - Freelancer page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jxd7hwd4isao79dumvd5.png)

---

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

--- 

- [Flask](https://flask.palletsprojects.com/en/2.0.x/) - official website
- [AppSeed](https://appseed.us/) - for support and more [Flask starters](https://appseed.us/apps/flask-apps)