DEV Community

Cover image for Material Kit 2 - Free Python/Jinja template
Sm0ke
Sm0ke

Posted on • Originally published at github.com

Material Kit 2 - Free Python/Jinja template

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.



Material Kit 2 - Free Python/Jinja template


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
Enter fullscreen mode Exit fullscreen mode

Step #2 - Start in Docker

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

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


Jinja Material Kit - Contact page.


Jinja Material 2 - Components Page

Jinja Material 2 - Components Page


Jinja Material 2 - Team Cards

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.


Material Kit 2 - FREE BOOTSTRAP 5 UI KIT.


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.


Thanks for reading! For more resources, please access:


Discussion (4)

Collapse
uithemes profile image
ui-themes

Amazing design.

Collapse
sm0ke profile image
Sm0ke Author

🚀🚀

Collapse
crearesite profile image
WebsiteMarket

This product deserves a bookmark.
Thanks for sharing!

Collapse
sm0ke profile image
Sm0ke Author

🚀🚀