Flask Website Templates - Open-Source Seed Projects

Hello Coders,

This article presents a curated list with Flask Website Templates crafted on top of modern Bootstrap UI Kits using a super simple Flask codebase. Projects might be useful in a few scenarios:

• Beginners might learn how to code a production-ready Flask app using a tested codebase as a starting point
• Rapid prototyping for DEMO projects
• Commercial projects, based on the permissive license

All projects can be downloaded from Github, no account is required to use the source code.

• Flask Template - Volt - product page
• Flask Template - Soft Dashboard - product page
• Flask Template - Material Lite - product page
• Flask Template - Pixel UI - product page
• Flask Template - Atlantis Lite - product page

What is Flask

Short-note for beginners - Flask is a lightweight WSGI web application framework. It is designed to make getting started quick and easy, with the ability to scale up to complex applications. Classified as a microframework, Flask is written in Python and it does not require particular tools or libraries. It has no database abstraction layer, form validation, or any other components where pre-existing third-party libraries provide common functions.

Compared to his older brother Django, Flask provides a lightweight codebase and more freedom to the developer. This might be a good thing because you have more freedom in terms of app design and structure but in the same time, this freedom might inject problems when your application becomes complex.

To start using Flask, the first thing is to install Python using the appropriate installer. All we need to do is to access the official DOWNLOAD page and execute the installer that matches the OS we are using.

Once we have Python available in the terminal, we can proceed further and install Flask using PIP, the official package manager:

$ pip install Flask

During Flask installation, other modules will be installed under-the-hood:

• Werkzeug implements WSGI, the standard Python interface between applications and servers.
• Jinja is a template language that renders the pages your application serves.
• MarkupSafe comes with Jinja. It escapes untrusted input when rendering templates to avoid injection attacks.
• ItsDangerous securely signs data to ensure its integrity. This is used to protect Flask’s session cookie.
• Click is a framework for writing command line applications. It provides the flask command and allows adding custom management commands.

Flask - a minimal app

To code a super simple app with Flask we need to create a new file hello.py and write a few lines of code:

from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello, from Flask!'

To run the application you can either use the flask command or python’s -m switch with Flask. Before starting the app, we should export the FLASK_APP environment variable:

$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py      # Unix/Mac)
$ set FLASK_APP=run.py         # Windows
$ $env:FLASK_APP = ".\run.py"  # Powershell
$
$ # Start the app
$ flask run # this will execute hello.py file

By default, Flask will start the app on port 5000 - http://localhost:5000. By accessing this local address, we should see the message Hello, from Flask!.

All our samples are built using a simple codebase using Jinja package to render the HTML files. Let's start the list and see the Flask magic in action:

Flask Template Volt

Volt is a free and open Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages and 3 customized plugins. Volt does not require jQuery as a dependency meaning that every library and script's are jQuery free.

• Flask Template - Volt - product page
• Flask Template - Volt - LIVE Demo

Flask Template Soft Dashboard

Admin dashboard generated by AppSeed in Flask Framework. Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is ready to help you create stunning websites and webapps. Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining.

• Flask Template Soft Dashboard - product page
• Flask Template Soft Dashboard - LIVE Demo

Flask Material Lite

WrapPixel's MaterialPro Bootstrap Lite is one of the best Bootstrap templates for admin dashboards and control admin panels. Inspired by Google Material design principles and integrated with the essential Bootstrap components and UI elements, the all-new and comprehensive MaterialPro Bootstrap Lite from WrapPixel has a lot to offer to you.

• Flask Template - Material Lite - product page
• Flask Template - Material Lite Demo - LIVE Demo

Flask Pixel Lite

Pixel is a free, fully responsive and modern Bootstrap 4 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 Lite comes with 6 premium example pages that we created to show you the beautiful user interfaces that can be created. Some of these pages are a pricing page, about page, contact page, login and register pages.

• Flask Template - Pixel UI - product page
• Flask Template - Pixel UI - LIVE Demo

Flask Atlantis Lite

Atlantis Lite is a free bootstrap 4 admin dashboard that is beautifully and elegantly designed to display various metrics, numbers or data visualization. Atlantis Lite admin dashboard has 2 layouts, many plugins and UI components to help developers create dashboards quickly and effectively so they can save development time and also help users to make the right and fast decisions based on existing data.

• Flask Template - Atlantis DARK - product page
• Flask Template - Atlantis DARK - LIVE Demo

Thank you! For more resources, please access:

• More Free Dashboards crafted in Flask and Django
• Read more about Flask - official website