Soft UI Design Django - Free Template
Tags: webdev, django, opensource
Published: 2022-01-05 18:05:47

---
title: Soft UI Design Django - Free Template
published: true
description: Open-Source Django Template crafted with authentication, database and deployment scripts on top of Soft UI, a modern Bootstrap 5 design.
tags: webdev, django, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iloj9cf1q86ucokdi7gp.jpg
canonical_url: https://blog.appseed.us/soft-ui-design-django-free-template/
---
Hello Coders!

This article presents an open-source `Django Template` crafted with authentication, database on top of a pixel-perfect Bootstrap 5 design. [Django Soft UI Design](https://appseed.us/product/django-soft-ui-design-system) can be downloaded directly from Github and used for a commercial project or simply for eLearning activities. For newcomers, **Django** is a leading web framework actively supported and versioned by programming experts using a `batteries-included` concept. 

--- 

> Thanks for reading! 

- 👉 [Soft UI Design Django](https://appseed.us/product/django-soft-ui-design-system) - Product page
- 👉 [Soft UI Design Django](https://django-soft-ui-free.appseed-srv1.com/) - LIVE Demo

--- 

Designed for those who like bold elements and beautiful websites, Soft UI Design is made of hundreds of elements, designed blocks, and fully coded pages.

Probably the most easier way to compile the product locally or deploy it in production is to use the pre-built Docker configuration.

---

> ✨ Step #1 - Clone/Download sources from Github (public repository)

```bash
$ git clone https://github.com/app-generator/django-soft-ui-design.git
$ cd django-soft-ui-design
```

---

> ✨ Step #2 - Start in Docker 

```bash
$ docker-compose up --build 
```

---

Once the above commands are executed, we should be able to access the app in the browser, register new users, authenticate and interact with the UI.

---

![Django Soft UI - HERO Section.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v2rhr560yjzbj2wvaixr.png)

---

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

---

For production, we might want to serve compressed HTML pages and this case can be achieved pretty easily with a small update:

- Added `django-htmlmin` to the project `requirements`
- Update Project `settings` to enable the compression

```python
# core/settings.py - Partial Content
...
MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'whitenoise.middleware.WhiteNoiseMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
    'htmlmin.middleware.HtmlMinifyMiddleware',      # <-- NEW  
    'htmlmin.middleware.MarkRequestMiddleware',     # <-- NEW 
]
...
```

---

> Thanks for reading! For more resources, feel free to access:

---

- 👉 Get [support](https://appseed.us/support) via email and [Discord](https://discord.gg/fZC6hup)
- 👉 [Flask Soft UI Design](https://appseed.us/product/flask-soft-ui-design-system) - open-source Flask version