Soft UI Dashboard - Free Jinja Template
Tags: webdev, python, flask
Published: 2021-04-26 15:03:24

---
title: Soft UI Dashboard - Free Jinja Template
published: true
description: Open-source Jinja Template crafted on top of a modern Bootstrap 5 design - Soft UI Dashboard.
tags: webdev, python, flask
cover_image: https://blog.appseed.us/content/images/size/w2000/2021/04/soft-ui-dashboard-bootstrap-5-1.jpg
canonical_url: https://blog.appseed.us/soft-ui-dashboard-free-jinja-template/
---
Hello Coders,

This article presents an open-source **[Jinja Template](https://appseed.us/jinja-template)** crafted on top of a modern **Bootstrap 5** design: **Soft UI Dashboard**. The project might help beginners to code simple presentation websites on top of the existing codebase OR migrate the `production-ready` UI to a legacy Python-based project compatible with **Jinja Template Engine**: *Flask*, *Django*, *Bottle* of *FastAPI*.  Thanks for reading!

---

- [Soft UI Dashboard Jinja](https://jinja-soft-ui-dashboard.appseed-srv1.com/) - LIVE Demo
- [Soft UI Dashboard Jinja](https://github.com/app-generator/jinja-soft-ui-dashboard) - Source Code (MIT License)
- More [Jinja Templates](https://appseed.us/jinja-template) - a curated index

---

![Soft UI Dashboard - Jinja Template.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6nzwr5aqqv948io4iqtn.png)

---

The design is the latest and most innovative crafted by the Creative-Tim agency. Made of hundred of elements, designed blocks, and fully coded pages, **Soft UI Dashboard** is ready to help you create stunning websites and webapps.

**Fully Coded Elements** - 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. All components can take variations in colour, that 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.

---

![Soft UI Dashboard - Billing Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ybwshf9d3lqfo16faz7a.png)

---

> **Soft UI Dashboard** - UI Tables
 
![Soft UI Dashboard - UI Tables.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mlpsd5f1hg1c3gdexdip.png)

---

> **Soft UI Dashboard** - User Profile Page

![Soft UI Dashboard - User Profile Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8k0swso6r8xpitbiucf8.png)

---

To compile the project locally, Python3 and GIT should be installed and accessible via the terminal. Once we have this minimum tool-chain, we need to follow a simple setup as presented in the README file, saved on Github.

---

**Step #1 - Clone the sources**

```bash
$ # Clone the sources
$ git clone https://github.com/app-generator/jinja-soft-ui-dashboard.git
$ cd jinja-soft-ui-dashboard
```

---

**Step #2 - Install Dependencies**

```bash
$ virtualenv env
$ source env/bin/activate
$
$ # Install requirements
$ pip3 install -r requirements.txt
```

---

**Step #3 - Start the App**

```bash
$ # Set the FLASK_APP environment variable
$ export FLASK_ENV=development
$ 
$ flask run
``` 

If all goes well, we should see the **Soft UI Dashboard** running in the browser.

![Soft UI Dashboard - Login Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f98ytwg6xxil824gkh9b.png)

---

> **Thanks for reading!** For more resources, please access:

---

- More starters styled with [Soft UI Design System](https://appseed.us/ui-kit/soft-ui-design-system)
- More [Free Admin Dashboards](https://appseed.us/ui-kit/soft-ui-design-system) - provided by AppSeed