Flask Templates - A curated list with projects

The article presents a curated list with Flask Templates crafted on top of modern UI kits: Argon, Material Dashboard, Black Design.

Flask Templates - A curated list with projects

This article presents a curated list with Flask Templates crafted on top of modern UI kits: Argon, Material Dashboard, Black Design. All projects are actively supported, versioned and the free ones can be downloaded directly from Github under the MIT License.  For newcomers, Flask is a lightweight web application framework written in Python. Sometimes classified as a microframework, Flask provides a lightweight codebase that can be easily extended to become an API, a simple web app, or a complex eCommerce platform.

Flask - Python Web Framework.

What is Flask

Just a short-note for newcomers regarding this popular web framework. 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.

Set up PC for Flask

Being a Python framework, Flask requires Python to run and expose his magic. Flask is compatible with Python2, Python3 (the recommended version).

Install Python - To get started working with Python3, you’ll need to have access to the Python interpreter (the console, and related tools and libraries). We can accomplish this in several ways:

  • Download the installer from the official download page.
  • Use a package manager like yum, apt on Linux systems
  • Homebrew for MacOS users.
  • Build Python from sources, a method used by super-geeks.

Install Flask - The easier way is to use PIP, the official Python package manager:

$ pip install Flask

Once the Flask is successfully installed, we can code a simple web application in less than one minute. Just open your favorite code editor and copy this snippet:

from flask import Flask 
app = Flask(__name__) 
 
@app.route('/') 
def hello_world(): 
    return 'Hello from Flask!' 
 
if __name__ == '__main__': 
    app.run() 

After we save the file Python must be called to execute it:

$ python3 app.py
* Running on http://127.0.0.1:5000/

Visiting the URL in the browser, we should see our message served "Hello from Flask".

The code is basically a classic "Hello World" in web development coded with just few lines. Well, our curated list with Flask Templates contains "development-ready" projects crafted with basic modules and deployment scripts.

Flask Template Argon

Argon is an open source, free and it features many components that can help you create amazing websites. The UI is crafted on top of Bootstrap 4, the most popular CSS/JS framework.

Argon Dashboard is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.

Flask Codebase Features - database, ORM, authentication and deployment scripts for Docker, HEROKU and Gunicorn/Nginx stack.

Flask Template Argon - Product Image.

Material Dashboard Flask

Material Dashboard is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap 4 framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.

Flask Codebase Features - database, ORM, authentication and deployment scripts for Docker, HEROKU and Gunicorn/Nginx stack.

Flask Template Material - Product Image.

Black Dashboard Flask

Black Dashboard is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing.

Black Dashboard features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

Flask Codebase Features - database, ORM, authentication and deployment scripts for Docker, HEROKU and Gunicorn/Nginx stack.

Flask Template Black - Product Image.

Flask Pixel UI Kit

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.

Flask Codebase Features - database, ORM, authentication and deployment scripts for Docker, HEROKU and Gunicorn/Nginx stack.

Flask Template Pixel UI - Product Image.

Flask Dashboard Volt

Volt Dashboard is a free and open source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages and 3 plugins with Vanilla JS. There are more than 100 free Bootstrap 5 components included some of them being buttons, alerts, modals, datepickers and much more.

Volt Dashboard brings 11 example pages including an overview, sign in, sign up, transactions page and many more. There are 3 lightweight and Vanilla JS plugins that come with Volt, namely a date picker, notification and charts library. This modern UI Kit is provided for free by Themesberg.

Flask Codebase Features - database, ORM, authentication and deployment scripts for Docker, HEROKU and Gunicorn/Nginx stack.

Flask Template Volt - Product Image.

Thanks for reading! For more resources, please access: