Sign in Subscribe
django

Soft UI Dashboard - Start Fast In Django

Simple Django Starter crafted on top of Soft UI Dashboard, an open-source Bootstrap 5 design from Creative-Tim.

Editor

• 2 min read
Soft UI Dashboard - Start Fast In Django

Hello! This article presents an open-source Django Dashboard crafted on top of Soft UI, an innovative design from Creative-Tim. The product comes with authentication, database, Docker support, and a permissive (MIT) license that allows unlimited copies for hobby & commercial projects.  For newcomers, Django is a leading framework written in Python actively supported and versioned by programming experts. Thanks for reading!

How to use it

Probably the most easier way to start this simple dashboard in a local environment is via Docker. Here is the setup:

👉 Step #1 - Clone or download sources from the product page

$ git clone https://github.com/app-generator/django-soft-ui-dashboard.git
$ cd django-soft-ui-dashboard
Django Soft UI - Clone Sources

👉 Step #2 - Start in Docker

$ docker-compose up --build
Django Soft UI - Start in Docker

Once all the above commands are executed, we should see the project running in the browser and be able to register new users, authenticate and interact with the UI.

A colorful and modern login page provided by Django Soft UI, a moder Bootstrap 5 design.
Django Soft UI - Sign IN Page

In Docker is not an option, we can execute the manual build using Python3 and GIT as described in the product documentation.

👉 Step #1 - Create a virtual environment

$ virtualenv env
$ source env/bin/activate
Django Soft UI - Create VENV

👉 Step #2 - Install Dependencies 

$ pip3 install -r requirements.txt
Django Soft UI - Install Dependencies

👉 Step #3 - Set up the database (create tables)

$ python manage.py makemigrations
$ python manage.py migrate
Django Soft UI - Create Tables

👉 Step #4 - Start the app

$ python manage.py runserver
Django Soft UI - Start the APP

Basically, the Docker setup executes all these steps for us but in the end, we produce the same thing using two techniques.

Soft UI - Design Information

The design is probably the most innovative kit developed by the Creative-Tim agency, an active player in the open-source ecosystem. 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.

Using this design, the developers might save a lot of time going from prototyping to full-functional code, because all elements are implemented. This Free Bootstrap 5 Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

A futuristic hero section with cold colors provided by Soft UI Design System, an open-source Bootstrap 5 UI Kit.
Soft UI Design System - Bootstrap 5 Design
Thanks for reading! For more resources, feel free to access: