DEV Community

Cover image for Django Dashboards - Open-Source and Free
Sm0ke
Sm0ke

Posted on • Updated on

Django Dashboards - Open-Source and Free

Hello Coders,

This article presents a curated list with Django Dashboards coded on top of modern UI Kits and released under the MIT License on Github. For newcomers, Django is a Python Web framework built by experienced developers that encourages rapid development of modern web applications.

Thanks for reading! - Content provided by App Generator.



Screen-Shots - Before deciding to use any of the free web apps, it might be a good idea to visualize first the layout and the design. Usually, we are generating the apps on top of popular and modern UI-Kits, actively supported by the providers.


🔥 Django Soft UI Dashboard

Admin dashboard coded in Django Framework. Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is ready to help you create stunning websites and webapps. Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining.


Django Soft UI Dashboard - product page (contains DEMO & sources)


Django Soft UI Dashboard - Seed project generated by AppSeed.


Django Datta Able

A simple Django starter coded with minimal modules and deployment scripts for Docker, Heroku, and Gunicon/Nginx stack. Datta Able Bootstrap Lite is the most stylized Bootstrap 4 Lite Admin Template, around all other Lite/Free admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code.


Django Datta Able - product page (contains DEMO & sources)


Django Dashboard - Datta Able Design, main screen.


Django Volt Dashboard

Volt is a free and open-source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages, and 3 customized plugins. Volt does not require jQuery as a dependency meaning that every library and scripts are jQuery-free.


Django Volt Dashboard - product page (contains DEMO & sources)


Django Volt Dashboard - Bootstrap 5 design coded in Django.


Django Atlantis Dark

OSS Dashboard coded in Django Framework. Atlantis Lite is a free bootstrap 4 admin dashboard that is beautifully and elegantly designed to display various metrics, numbers or data visualization. Atlantis Lite admin dashboard has 2 layouts, many plugins and UI components to help developers create dashboards quickly and effectively so they can save development time and also help users to make the right and fast decisions based on existing data.


Django Atlantis Lite - product page (contains DEMO & sources)


Django Dashboard - Atlantis Dark.


Django Star Admin

Beautifully designed and well-coded admin template, that comes with excellent support from experts. One of the most popular free admin templates, Star Admin is a beautifully designed admin template with a lot of the polished Bootstrap components making up its dashboard and other pages.


Django Star Admin - product page (contains DEMO & sources)


Star Admin Django - Template project coded in Django with basic modules by AppSeed.


How to build the code

First step: prepare the environment. To build and use the dashboards we need Python3 (Pyhton2 is no longer supported) installed and (optionally but recommended) GIT command tool. The Github projects can be downloaded also as zip archives, but this is not so efficient and this is the reason to use the GIT command tool instead.

To explain the build steps, we will take a random project from our list: Django Dashboard Black and build the app. Based on the fact that all apps use the same code-base and structure, the build instructions are also common.


Step #1 - Clone the source code

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-black.git
$ cd django-dashboard-black
Enter fullscreen mode Exit fullscreen mode

Step #2 - Install Modules

Each Python project has some dependencies and modules used in the code, and this project is not an exception. All modules required to have a successful build are located in the requirements.txt file. Let's install all the stuff using a Virtual environment:

$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules
$ pip3 install -r requirements.txt
Enter fullscreen mode Exit fullscreen mode

This step will take a while because Python will compile the dependencies locally.


Step #3 - Setup Database

Our free dashboard requires a minimum database set up by creating a few tables used to manage the users and permissions. This phase can be solved with only two commands typed in the console:

$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
Enter fullscreen mode Exit fullscreen mode

That was easy, right? Well, using a powerful framework Django in our development, our life becomes much easier based on the fact that many common tasks (like this one) are automated.


Step #4 - Start the app

At this point, we have the app dependencies installed, the database has the necessary tables created, all we need is to see something on the screen.

$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Access the web app in the browser: http://127.0.0.1:8000/
Enter fullscreen mode Exit fullscreen mode

By visiting the app in the browser, we should see the login page. If the registration and authentication actions are successful, the app will unlock the main dashboard page and the contextual menus:

Django Dashboard Black - Open-Source Admin Panel Coded in Django.


More Django Samples

In this section, I will mention a few samples that solve precise tasks:

  • display charts,
  • render paginated information using data tables
  • customize the admin section with a modern Black Design

Django Simple Charts

Playground starter to display simple charts in Django using Morris JS:



Boierplate Code Django Dashboard - Template project provided by AppSeed.


Django Data Tables

Provided by AppSeed

Playground starter to manage a data table in Django:

  • Load sample data using the admin section
  • Inline rows edit activated at double click
  • Pagination and Search
  • Deployment scripts: Docker, Gunicorn / Nginx


Django Datatables Sample - Playground starter provided by AppSeed.


Django Admin Black

Modern template for Django admin interface coded on top of Black Dashboard (free version) from Creative-Tim - Features:

  • New fresh look
  • Responsive mobile interface
  • Useful admin home page
  • Minimal template overriding
  • Support RTL and LTR template
  • Easy integration


Django Admin Black - Template project for Django provided by AppSeed.


Links & Resources

  • Django Dashboards - index provided by the AppSeed platform (more apps coming soon)
  • Admin-Dashboards - an open-source project that promotes the work and projects submitted by freelancers & small agencies

Thank you! Btw, my (nick) name is Sm0ke and I'm pretty active also on Twitter.

Discussion (4)

Collapse
rahmadsandy profile image
Rahmad Sandy

awesome share, thank you

Collapse
bastianhilton profile image
Sebastian hilton

can these dashboards be installed into existing django apps?

Collapse
sm0ke profile image
Sm0ke Author

Hello Sebastian. For sure you can use the UI in a legacy project.
The assets and pages are located into the core app.
🚀🚀

Collapse
apoorvpandey0 profile image
Apoorv Pandey

Informative