DEV Community

Cover image for Soft UI Dashboard - Bootstrap 5 FREE Django Template
Sm0ke
Sm0ke

Posted on • Edited on • Originally published at blog.appseed.us

Soft UI Dashboard - Bootstrap 5 FREE Django Template

Hello Coders,

This article presents a simple Django Template that might help beginners to learn by coding new features on top of an existing codebase enhanced with authentication, deployment script and a modern Bootstrap 5 design: Soft UI Dashboard. Product can be downloaded from Github and used for hobby & commercial project without restrictions (footer link, registration lock).

Thanks for reading! - Content provided by App Generator.


Django Soft Dashboard - Modern template for Django Admin Section crafted on top of a modern Bootstrap 5 Design.


Design Information - Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is made of hundreds of elements, designed blocks, and fully coded pages. This Bootstrap 5 design is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combing.

Soft UI Dashboard - HTML Version

Using Soft UI Dashboard developers and designers will 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.


Django Codebase

The "app" version comes with database, authentication, ORM and deployment scripts for Docker. To compile the project locally, a minimal programming kit is required with a few tools and libraries:

  • A modern editor - VSCode or Atom
  • Nodejs - used in Javascript-based products and tools
  • Python - a modern script language used for many types of projects
  • GIT - a command-line tool used to download sources from Github

Once all the tools are installed, we can start the build and follow the instructions provided in the official docs:


Step #1 - Clone the source code

$ git clone https://github.com/app-generator/django-soft-ui-dashboard.git
$ cd django-soft-ui-dashboard
Enter fullscreen mode Exit fullscreen mode

Step #2 - Install modules and dependencies

$ virtualenv env
$ source env/bin/activate
$
$ pip3 install -r requirements.txt
Enter fullscreen mode Exit fullscreen mode

Step #3 - Set up database and tables

$ python manage.py makemigrations
$ python manage.py migrate
Enter fullscreen mode Exit fullscreen mode

Step #4 - Start the app

$ python manage.py runserver
Enter fullscreen mode Exit fullscreen mode

Il all goes well we should see this simple Django starter running in the browser:

Soft UI Dashboard - Django Template.


Soft UI Dashboard - User Profile

Soft UI Dashboard - Profile Page.


Thanks for reading! For more resources and support, please access:

Top comments (10)

Collapse
 
uithemes profile image
ui-themes

Amazing design!

Collapse
 
sm0ke profile image
Sm0ke

Thanks for reading! Indeed, this UI is great.

Collapse
 
uithemes profile image
ui-themes

Keep posting such goodies.

Collapse
 
crearesite profile image
WebsiteMarket

A nice, colofful UI. Great product

Collapse
 
sm0ke profile image
Sm0ke

Colors are great. Thanks for your feedback.
P.S. product is designed by @creativetim_official .

Collapse
 
zoltanszogyenyi profile image
ZoltĆ”n SzőgyĆ©nyi

Looking good! :)

Collapse
 
sm0ke profile image
Sm0ke

ty! ...

Collapse
 
rx40 profile image
Petrus-Nauyoma

Great tutorial! How I wish someone could create great tutorials like this for #ASP.NET . Especially on how to use the creative-Tim templates.

Collapse
 
sm0ke profile image
Sm0ke

noted ..

Collapse
 
jbayless profile image
Joe

Nice work! Thanks for sharing your creativity and expertise.