DEV Community 👩‍💻👨‍💻

Cover image for Bootstrap 5 - Open-source Flask Templates

Posted on

Bootstrap 5 - Open-source Flask Templates

Hello Coders!

This article presents a curated list with open-source Flask Templates 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!

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.

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

$ git clone
$ cd flask-soft-ui-design
Enter fullscreen mode Exit fullscreen mode

👉 Start in Docker

$ docker-compose up --build 
Enter fullscreen mode Exit fullscreen mode

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.

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 - About US page.

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.

Material Kit Flask - HERO section.

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.

Pixel Flask Template - Freelancer page

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

Top comments (0)

Head to your account's Settings to...

🌚 Enable dark mode
🔠 Change your default font
📚 Adjust your experience level to see more relevant content