Material Kit 2 - Free Python/Jinja template

#webdev #material #uikit #opensource

Hello Coders,

This article presents an open-source Jinja Template built on top of Material Kit 2, a colorful Bootstrap 5 design. The product, available for download directly from Github, can be used to style any Python-based web app that uses Flask, Django or any other compatible framework. For newcomers, Material Kit 2 is a popular design developed by Creative-Tim agency with more than 160k downloads.

Thanks for reading! - Content provided by App Generator.

✨ Jinja Material Kit - LIVE demo
✨ Jinja Material Kit - Source Code
✨ More Jinja Templates - a curated index

Probably the most easier way to use the product is to follow the Docker set up (steps listed on the README file):

Step #1 - Clone the sources

$ git clone https://github.com/app-generator/jinja-material-kit.git
$ cd jinja-material-kit

Step #2 - Start in Docker

$ docker-compose pull   # download dependencies
$ docker-compose build  # local set up
$ docker-compose up     # start the app in Docker

Once the above commands are executed, the product should be up & running in the browser on address http://localhost:85

Jinja Material 2 - Components Page

Jinja Material 2 - Team Cards

Official Product Information

The most complex and innovative UI Kit Made by Creative Tim. Check our latest Freebie Bootstrap 5 UI Kit with a fresh, new design inspired by Google's Material Design 2. Designed for those who like bold elements and beautiful websites, Material Kit 2 is ready to help you create stunning websites and web apps.

Fully Coded Elements - 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.

Example Pages - 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. You will be able to quickly set up the basic structure for your web project.