Sign in Subscribe
django

Django Soft UI - Bootstrap 5 and Django 3.2.6 LTS

A modern Django Dashboard crafted on top of Soft UI, a modern Bootstrap 5 design from Creative-Tim. Features: authentication, simple codebase, Docker scripts.

Editor

• 2 min read
Modern and colorful Django Dashboard crafted on top of Soft UI.
Django Soft UI - Open-source Dashboard crafted with Bootstrap 5 and Django

Hello! This article presents an open-source Django Dashboard generated by the AppSeed platform on top of Soft UI Design, a modern Bootstrap 5 UI Kit from Creative-Tim. The product has been updated recently to use the latest version of Django (3.2.6 LTS) plus other evolutions regarding the codebase structure and deployment scripts. For newcomers, Django is a leading web framework built-in Python by experts using a batteries-included concept.  

Django Soft UI - product page (contains DEMO & sources)
Sign IN page of an open-source Django Dashboard crafted in Bootstrap 5, latest Django version and Soft UI Design System.
Django Soft UI - Login Page.

The most simple way is to access the product page, download the sources and start the project using the Docker setup by following the instructions provided in the product documentation.

Step #1 - Download and unzip the product

$ unzip django-soft-ui-dashboard.zip
$ cd django-soft-ui-dashboard
Django Soft UI - Unzip Sources

Step #2 - Execute Docker build (one-liner instruction)

$ docker-compose pull && docker-compose build && docker-compose up
Django Soft UI - Execute in Docker

Once the above commands are executed we can visit and interact with the UI in the browser. By default, the product is not provided with a default provisioning, and to access the private pages (dashboard, user profile ..) we need to register a new user. After Sign IN is passed and the user is authenticated, the product unlocks access to all private pages.  

Django Soft UI - User profile
A colorful user profile page with a left menu and card plus user information in the center of page. The product used a Soft UI design and a Django core for the functionalities.
Django Soft UI - User Profile Page.

Soft UI

To fully present this Django product we must say a few words about the design. Soft UI is probably the most complex and innovative crafted by Creative-Tim, a well-known web agency, using the latest version of Bootstrap 5 Framework.  

Designed for those who like bold elements and beautiful websites, Soft UI is made of hundreds of elements, designed blocks, and fully coded pages ready to help you create stunning websites and web apps.

Soft UI Dashboard is built with over 70 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, 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 - RTL Support
A colorful Django Dashboard crafted by AppSeed on top of Soft UI with RTL Support.
Django Soft UI - RTL Support.
Django Soft UI - Billing Page
Django Soft UI - Billing Page.
Django Soft UI - Billing Page.
Thanks for reading! For more resources please access: