DEV Community

Cover image for Free Django Dashboards
Sm0ke
Sm0ke

Posted on • Edited on • Originally published at app-generator.dev

Free Django Dashboards

Hello Coders,

This article presents a curated list with Django Starters 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.


Django Datta Able

Open-source Django project crafted on top of Datta Able Dashboard, an open-source Bootstrap design.
The product is designed to deliver the best possible user experience with highly customizable feature-rich pages.


  • Simple, Easy-to-Extend Codebase
  • Datta Able Design Integration
  • Dynamic Tables - generate data tables without coding
  • Dynamic API - expose secure APIs without coding
  • CLI for Coding Tasks
    • Commit/rollback Git Changes
    • Backup & restore DB
    • Interact with Django Core via CLI
    • Update Environment variables
    • Update Dependencies
  • Bootstrap 5 Styling
  • Session-based Authentication, Password recovery
  • DB Persistence: SQLite (default), can be used with MySql, PgSql
  • Docker, CI/CD for Render
  • Vite for assets management

Django Datta Able - Open-Source Django Starter


Django Rocket

Open-source Django Template styled with Tailwind CSS and Flowbite.The product is designed to deliver the best possible developer experience with highly customizable feature-rich pages.

A common set of features is provided out-of-the-box: API, DataTables, Charts, Extended User Model, and Docker Support under a permissive MIT License (unrestricted usage in hobby or commercial projects).


  • Styling: Tailwind CSS/Flowbite
  • Extended User Model
  • Rocket Design Integration
  • Charts via ApexJS
  • Dynamic Tables - generate data tables without coding
  • Dynamic API - expose secure APIs without coding
  • Can be used with SQLite, MySql, PostgreSQL, MsSql
  • Docker
  • CI/CD Integration with Render

Django Rocket - Open-Source Django Starter styled with Tailwind


Django Soft UI Dashboard

Open-source Django Dashboard built on a modern design. Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is ready to help you create stunning websites and web apps.
Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

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


Django AdminLTE

Open-source Django project crafted on top of AdminLTE, an open-source and iconic Bootstrap design.
The product is designed to deliver the best possible user experience with highly customizable feature-rich pages.

Django AdminLTE - Open-Source Django Starter


Django Material Kit

A pixel-perfect Bootstrap 5 UI kit that comes with Material Kit design blocks, 4 sample pages and 50+ UI components. If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages.

Material Kit - Starter generated by AppSeed.


Django Argon Dashboard

Open-source Django Dashboard project crafted on top of Argon Dashboard, an open-source Bootstrap 5 design from Creative-Tim.

This starter comes with a codebase that uses a theme-able UI Argon Design (installed via PIP) that covers the admin section, and all other pages managed by Django Auth flow. On top of this, the CI/CD set up allows deploying LIVE the product on Render without effort or low-level configuration.

Argon Dashboard 2 - Open-source Django Starter.


Django Pixel UI Kit

Free Django Starter crafted on top of a modern Bootstrap design. The product comes with sample pages, 80 UI components, and a permissive (MIT) license.

Pixel Bootstrap Lite - Full-Stack Starter generated by AppSeed.


Django Dashboard Material

Designed for those who like bold elements and beautiful websites, Material Dashboard 2 is ready to help you create stunning websites and web apps. Material Dashboard is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

Material Dashboard - Full-Stack Starter generated by AppSeed.


Django Volt Dashboard

Volt Dashboard is a free and open-source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages, and 3 plugins with Vanilla JS. There is more than 100 free Bootstrap 5 components included some of them being buttons, alerts, modals, date pickers, and so on.

Volt Dashboard - Full-Stack Starter generated 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.


Thanks for reading! For more resources, feel free to access:

Top comments (6)

Collapse
 
bastianhilton profile image
Sebastian hilton

can these dashboards be installed into existing django apps?

Collapse
 
sm0ke profile image
Sm0ke

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

Collapse
 
csykf profile image
CsyKF

how to install into existing django apps

Thread Thread
 
sm0ke profile image
Sm0ke

The UI can be installed as libraries. Here are the steps:

In case you have issues, feel free to ask for support:
appseed.us/support/

Collapse
 
rahmadsandy profile image
Rahmad Sandy

awesome share, thank you

Collapse
 
apoorvpandey0 profile image
Apoorv Pandey

Informative