loading...
Cover image for Django Dashboards - Open-Source and Free

Django Dashboards - Open-Source and Free

sm0ke profile image Sm0ke Updated on ・8 min read

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. Apps share a common set of features:

  • Apps are generated by the AppSeed platform
  • All dashboards are actively supported via Github and Discord
  • App modules: authentication, simple codebase, deployment scripts
  • Released under the MIT License, no account required to use the code

PROMO: Cyber Monday Bundle - 75%OFF by AppSeed

Black Friday by AppSeed


Django Dashboards - The short list


Django Dashboard - Black Design


What is Django

Django is an open-source web application framework written in Python. A framework means a collection of modules and helpers that make development easier. They are logically grouped together and allow you to create web applications by reusing stuff, instead of writing all from scratch.

Useful Django Resources:

  • Django - official website and docs
  • Reddit/r/Django - a super active Reddit community
  • Django - related content provided by the (popular) Full-Stack-Python platform

Django Dashboards 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 Datta Able

A simple Django starter coded with minimal modules and deployment scripts for Docker, Heroku, and Gunicon/Nginx stack.



Django Dashboard - Datta Able Design, main screen.


Django Atlantis Dark

The design credit for this nice dark-themed Dashboard goes to ThemeKita, a small web agency from Indonesia.



Django Dashboard - Atlantis Dark.


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 - Bootstrap 5 design coded in Django.


Django Argon Dashboard

Open-source dashboard starter coded on top of popular Argon Dashboard Design (Free Version) crafted by Creative-Tim.

Django Dashboard Argon - Template project provided by AppSeed.


Django Black Dashboard

Open-source dashboard starter coded on top of popular Black Design (Free Version) crafted by Creative-Tim.

Django Dashboard - Black Design, main screen.


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.

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 --no-site-packages 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 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.

Using the same setup, we can easily build the rest of the apps:


Django Dashboard - Atlantis Dark

Open-Source Admin Panel coded in Django on top of Atlantis Dark Dashboard design - Features:


Django Dashboard Atlantis Dark - Open-Source Web App.


Django Dashboard - Light Blue

Free Admin Panel Django- Features:


Django Dashboard Light Blue - Open-Source Web App.


Django Dashboard - Argon Design

Beautiful Argon Dashboard Design (Free Version) coded in Django:

  • SQLite, Django native ORM
  • Modular design
  • Session-Based Authentication (login, register)
  • Forms validation
  • UI Kit: Argon Dashboard provided by Creative-Tim
  • Django Dashboard Argon - source code
  • Django Dashboard Argon - yTube presentation

Django Dashboard Argon - Open-Source Web App.


Django Dashboard - Material Design

Material Dashboard Design (Free Version) coded in Django:


Django Dashboard Material - Open-Source Web App.


Django Dashboard - NowUI Design

Open-Source Admin Panel coded in Django Framework on top of NowUI Dashboard design. Features:

  • SQLite, Django native ORM
  • Modular design
  • Session-Based authentication (login, register)
  • Forms validation
  • UI Kit: NowUI Dashboard provided by Creative-Tim
  • Django Dashboard NowUI - source code
  • Django Dashboard NowUI - yTube presentation

Django Dashboard NowUI - Open-Source Web App.


Django Dashboard Light

Open-Source Admin Panel coded in Django Framework on top of Light Dashboard design. Features:

  • SQLite, Django native ORM
  • Modular design
  • Session-Based authentication (login, register)
  • Forms validation
  • UI Kit: Light Dashboard provided by Creative-Tim
  • Django Dashboard Light - source code
  • Django Dashboard Light - yTube presentation

Django Dashboard Light - Open-Source Web App.


Django Dashboard Shards

Open-Source Admin Panel coded in Django Framework on top of Shards Dashboard design. Features:

  • SQLite, Django native ORM
  • Modular design
  • Session-Based Authentication (login, register)
  • Forms validation
  • UI Kit: Shards Dashboard provided by DesignRevision

Django Dashboard Shards - Open-Source Web App.


Django Dashboard Tabler

Open-Source Admin Panel coded in Django Framework on top of Tabler Dashboard design. Features:

  • SQLite, Django native ORM
  • Modular design
  • Session-Based authentication (login, register)
  • Forms validation
  • UI Kit: Tabler Dashboard provided by CodeCalm

Django Dashboard Tabler - Open-Source Web App.


Links & Resources


Thank you!

Discussion

pic
Editor guide
Collapse
rahmadsandy profile image
Rahmad Sandy

awesome share, thank you