Flask Material Kit - Free Website Template

Open-Source website template crafted on top of Flask and Material Kit, a pixel-perfect Bootstrap 5 design.

Material Kit Bootstrap 5 - Flask Template
Material Kit Bootstrap 5 - Flask Template

Hello! This article presents an open-source Flask Starter crafted on top of a modern Bootstrap 5 design. Flask Material Kit can be downloaded directly from Github (no registration lock) and used for commercial products or eLearning activities. For newcomers, Flask is a leading web framework actively supported and versioned by open-source enthusiasts across the globe. Thanks for reading!

Designed for those who like bold elements and beautiful websites, Material Kit 2 is ready to help you create stunning websites and web apps.

The product can be used locally without much effort via the Docker setup shipped with the product sources.

Step #1 - Download sources from Github
$ git clone https://github.com/app-generator/flask-material-kit.git
$ cd flask-material-kit
Flask Material Kit - Clone Sources
Step #2 - Start the app in Docker
$ docker-compose up --build 
Flask Material Kit - Start in Docker

Once all commands are executed, we should be able to access Flask Material Kit in the browser, register new users, and access the private pages.

Flask Material Kit - Login Page.
Flask Material Kit - Login Page.

✨ Product Features

  • Up-to-date dependencies
  • SCSS compilation via Gulp
  • UI Kit: Material Kit - v3.0.0 (Bootstrap 5 Version) by Creative-Tim
  • SQLite database, Flask-SQLAlchemy ORM
  • Session-Based auth flow (login, register)
  • Deployment: Docker, Gunicorn / Nginx, Heroku

Free support via email and Discord - 1k+ community.


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. All components can take variations in color, which you can easily modify using SASS files and classes.

This Freebie Bootstrap 5 Design System is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

Flask Material Kit - Header Component.
Flask Material Kit - Header Component.

If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages.

Flask Material Kit - Author Page.
Flask Material Kit - Author Page.
Flask Material Kit - Contact Page
Flask Material Kit - Contact Page.
Flask Material Kit - Contact Page
Flask Material Kit - About US
Flask Material Kit - About US Page
Flask Material Kit - About US Page

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