DEV Community

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

Soft UI Dashboard - Bootstrap 5 FREE Django Template

Sm0ke
#Automation, my favorite programming language
Originally published at blog.appseed.us Updated on ・2 min read

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.



Soft UI Dashboard - Open-source Django Starter.


Design Information - Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is made of hundred 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:


Discussion (9)

Collapse
uithemes profile image
ui-themes

Amazing design!

Collapse
sm0ke profile image
Sm0ke Author

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 Author

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

Collapse
zolidev profile image
Zoltán Szőgyényi

Looking good! :)

Collapse
sm0ke profile image
Sm0ke Author

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 Author

noted ..