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!
- 👉 Soft UI Design Flask - product page
- 👉 Flask Material Kit - product page
- 👉 Flask Pixel Lite - 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 compilationvia 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 https://github.com/app-generator/flask-soft-ui-design.git
$ cd flask-soft-ui-design
👉 Start in Docker
$ 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
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 - LIVE Demo
- 👉 Soft UI Design Flask - Product 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.
- 👉 Flask Material Kit - LIVE Demo
- 👉 Flask Material Kit - product page
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 - LIVE Demo
- 👉 Flask Pixel Lite - Product page
Thanks for reading! For more resources feel free to access:
- Flask - official website
- AppSeed - for support and more Flask starters
Top comments (0)