Django Admin Dashboards - Open-Source and Free

Hello Coders,

This article presents a curated list with open-source admin dashboards coded in Django Framework, on top of some popular Ui-Kits:  material design, argon, now ui design and black design. All web apps are using the same code-base enhanced with a basic set of features:

  • Session-based authentication (login, registration)
  • SQLite database, and native Django ORM
  • UI-Ready ( HTML files are translated to be used in Django templating system )
  • MIT License (suitable for hobby and commercial projects)

In a rush? Full list with open-source web apps coded in Django is published here: Django Admin Dashboards - no account required to access the code. Thank you reading!

What is Django (web framework)

Django is an open-source web application framework written in Python. A framework means a collection of modules 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

The Code Structure

Django projects, by default, are modular and quite easy to understand and update. Our code-base, common to all web apps presented in this article, is split into three modules:

  • core module - used to handle the static assets and global configuration
  • authentication - manage the login & users registration
  • app module - manage all other actions: serve app pages when users are authenticated and redirect to login page otherwise.

$ # Source code:
$ # https://github.com/app-generator/django-dashboard-black
$
$ <django-dashboard-black>
$     |
$     |-- requirements.txt # project dependencies 
$     |-- manage.py        # app bootstrapper 
$     |
$     |-- <core>
$     |      | 
$     |      |---- settings.py # global settings 
$     |      |---- urls.py     # define the routing rules  
$     |      |
$     |      |---- <static>    # used for assets (js, css, images)  
$     |      |---- <templates> # HTML templates 
$     |                |       
$     |                |-- layouts, includes, pages
$     |
$     | 
$     |-- <authentication> 
$     |      | 
$     |      |---- views.py # manage Login, registration pages
$     |      |---- urls.py  # Auth routing rules (login, register)
$     |      |---- forms.py # Define auth forms  
$     |
$     | 
$     |-- <app> 
$     |      | 
$     |      |---- views.py  # load dashboard pages
$     |      |---- urls.py   # Define the routing rules 
$     |      |---- models.py # Define the User model, used by authentication
$     |
$     |-- ******************************************************************
$

How to build the code

In order to build the apps, we need to have Python3 and Git installed in our workstation, and follow the instructions provided in the README files. For instance, let's build Django Dashboard Black, a beautiful starter coded on top of Black Dashboard design provide by Creative-Tim agency.

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-black.git
$ cd django-dashboard-black
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv --no-site-packages env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv --no-site-packages env
$ # .\env\Scripts\activate
$ 
$ # Install modules
$ # SQLIte version
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Start the app - custom port 
$ # python manage.py runserver 0.0.0.0:<your_port>
$
$ # Access the web app in browser: http://127.0.0.1:8000/

If all goes well, by accessing the browser we should be redirected to the login page:

Django Dashboard Black - Open-Source Admin Panel the Login Screen.

In order to access the dashboard pages, we need to create a user using the registration page and later, authenticate. The authenticated users will unlock the app menus, dashboard widgets and the profile page now displays the user information:

Django Dashboard Black - Open-Source Admin Panel the Register Screen.

Pretty cool! Now let's list all available apps

Django Dashboard Black

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

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

Django Dashboad Black - Open-Source Admin Panel.


Django Dashboard Argon

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

  • 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

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

Django Dashboard Material - Free Admin Panel.


Django Dashboard NowUI

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 Admin Panel.


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 - Free web app.


Where to go from here

Show Comments

Get the latest posts delivered right to your inbox.