Free Django Dashboards
Tags: django, python, opensource, appseed
Published: 2020-01-18 11:53:05

---
title: Free Django Dashboards
published: true
description: A curated list with open-source admin panels coded in Django Framework on top of popular Ui Kits: material, black design, argon, light. 
tags: django, python, opensource, appseed
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ibml3fdn9c44ioscntcv.jpg
canonical_url: https://appseed.us/admin-dashboards/django/
---
Hello Coders, 

This article presents a curated list with **[Django Dashboards](https://appseed.us/admin-dashboards/django/)** 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!`

---

## [Rocket Django](https://github.com/app-generator/rocket-django) `TailwindCSS`

This Django Boilerplate has all you need to build your SaaS, Analytics tool, or any other type of Web App. From idea to production in 5 minutes.

- 👉 [Rocket Django](https://github.com/app-generator/rocket-django) - `Source Code`
- 👉 [Rocket Django](https://rocket-django.onrender.com/) - `LIVE Demo`

> **Features and Tech Stack**: `TailwindCSS` • `Flowbite` • `API` (DRF) • `Celery Beat` • `DataTables` • `Charts` • `Docker` • `CI/CD`. 

![Free Django Dashboard and Admin Template - Rocket Django.](https://github-production-user-asset-6210df.s3.amazonaws.com/51070104/272299949-6f4a8fd7-7cce-472a-9566-9519db338c7d.gif)

---

## [Django Argon Dashboard](https://appseed.us/product/argon-dashboard/django/)

Open-source **[Django Dashboard](https://appseed.us/admin-dashboards/django/)** project crafted on top of **[Argon Dashboard](https://appseed.us/product/argon-dashboard/django/)**, an open-source `Bootstrap 5` design from [Creative-Tim](https://bit.ly/3fKQZaL).

- 👉 [Django Argon Dashboard](https://appseed.us/product/argon-dashboard/django/) - `Product page`
- 👉 [Django Argon Dashboard](https://django-argon-dash2.onrender.com) - `LIVE Demo`

This starter comes with a codebase that uses a [theme-able UI](https://github.com/app-generator/django-admin-argon-dashboard) (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.](https://user-images.githubusercontent.com/51070104/211161884-56ef77d2-1e5a-4269-a148-7ac4a5482e0c.png)

--- 

## [Django Datta Able](https://appseed.us/product/datta-able/django/)

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. Before developing Datta Able our key points were performance and design.

- 👉 [Datta Able Django](https://appseed.us/product/datta-able/django/) - `Product page`
- 👉 [Datta Able Django](https://django-datta-able.appseed-srv1.com/) - `LIVE demo`

![Datta Able (enhaced with dark mode) - Open-Source Seed project generated by AppSeed.](https://user-images.githubusercontent.com/51070104/176118649-7233ffbc-6118-4f56-8cda-baa81d256877.png)

---

## [Django Material Kit](https://appseed.us/product/material-kit/django/)

A pixel-perfect Bootstrap 5 UI kit that comes with prebuilt 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.

- 👉 [Django Material Kit](https://appseed.us/product/material-kit/django/) - product page
- 👉 [Django Material Kit](https://django-material-kit.appseed-srv1.com/) - LIVE App

![Material Kit - Starter generated by AppSeed.](https://user-images.githubusercontent.com/51070104/167396765-c88b7a95-155f-4236-8691-7b80fa2d9cd9.png)

---

## [Soft UI Dashboard Django](https://appseed.us/product/soft-ui-dashboard/django/)

**[Admin dashboard coded in Django](https://appseed.us/admin-dashboards/django/)** Framework. Designed for those who like bold elements and beautiful websites, **Soft UI Dashboard** is ready to help you create stunning websites and web apps - **Features**:

- ✅ `Up-to-date Dependencies`
- ✅ `UI Kit`: Bootstrap 5, Persistent **Dark-Mode**
- ✅ Basic Authentication, `OAuth via Github`
- ✅ `API Generator Module`
- ✅ `Dynamic Data Tables`

![Soft UI Dashboard - Full-Stack Starter generated by AppSeed.](https://user-images.githubusercontent.com/51070104/175773323-3345d618-0e78-4c85-83fc-f495dc3f0bb0.png)

---  

## [Django Pixel UI Kit](https://appseed.us/product/pixel-bootstrap/django/)

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. 

- 👉 [Django Pixel UI Kit](https://appseed.us/product/pixel-bootstrap/django/) - `product page`
- 👉 [Django Pixel UI Kit](https://django-pixel-lite.appseed-srv1.com/) - `LIVE demo`

![Pixel Bootstrap Lite - Full-Stack Starter generated by AppSeed.](https://user-images.githubusercontent.com/51070104/168753915-d61b2f97-57b2-4d14-a774-d217d120ff62.png) 

--- 

## [Django Dashboard Material](https://appseed.us/product/material-dashboard/django/)

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 2 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.

- 👉 [Django Dashboard Material](https://appseed.us/product/material-dashboard/django/) - product page
- 👉 [Django Dashboard Material](https://django-material-dashboard.appseed-srv1.com/) - LIVE App

![Material Dashboard - Full-Stack Starter generated by AppSeed.](https://user-images.githubusercontent.com/51070104/169301658-6cf27993-c451-4cd4-9ffa-2968b8981167.png) 

---

## [Django Volt Dashboard](https://appseed.us/admin-dashboards/django-dashboard-volt)

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 Django](https://appseed.us/product/volt-dashboard/django/) - Product page
- 👉 [Volt Dashboard Django](https://django-volt-dashboard.appseed-srv1.com/) - LIVE Demo

![Volt Dashboard - Full-Stack Starter generated by AppSeed.](https://user-images.githubusercontent.com/51070104/168843604-b026fd94-5969-4be7-81ac-5887cf0958e5.png)

---

## How to build the code

First step: prepare the environment. To build and use the dashboards we need [Python3](https://www.python.org/) (Pyhton2 is no longer supported) installed and (optionally but recommended) [GIT command](https://git-scm.com/downloads) 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](https://github.com/app-generator/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 

```bash
$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-black.git
$ cd django-dashboard-black
```

---

**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:

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

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:

```bash
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
```

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. 

```bash
$
$ # 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/
```

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.](https://raw.githubusercontent.com/app-generator/static/master/products/django-dashboard-black-screen.png)

---

## 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:

- [Charts from JSON](https://django-simple-charts.appseed.us/charts-file) - using this [sample](https://github.com/app-generator/django-simple-charts/blob/master/sample_data/chart_morris.json)
- [Charts from Table](https://django-simple-charts.appseed.us/charts-input) - simple STATS table
- [Charts from DATA chunk](https://django-simple-charts.appseed.us/charts-input) - using this [sample](https://github.com/app-generator/django-simple-charts/blob/master/sample_data/sales_data.csv) file

---

- Repository: [Django Simple Charts](https://github.com/app-generator/django-simple-charts)
- LIVE Demo - [Django Simple Charts](https://django-simple-charts.appseed.us/)
- License: MIT License

--- 

![Boierplate Code Django Dashboard - Template project provided by AppSeed.](https://raw.githubusercontent.com/app-generator/django-simple-charts/master/media/display.png)

---

## Django Data Tables

> Provided by [AppSeed](https://appseed.us/)

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

--- 

- Repository: [Django Data Tables](https://github.com/app-generator/django-datatables-sample)
- License: MIT License

---

![Django Datatables Sample - Playground starter provided by AppSeed.](https://raw.githubusercontent.com/app-generator/django-datatables-sample/master/media/django-dashboard-volt-screen-tables.png)

---

## 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

---

- Repository: [Django Admin Black](https://github.com/app-generator/django-admin-black)
- License: MIT License

---

![Django Admin Black - Template project for Django provided by AppSeed.](https://raw.githubusercontent.com/app-generator/django-admin-black/main/media/django-admin-black-intro.gif)

---

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

- ✨ More [Free Dashboards](https://appseed.us/admin-dashboards/open-source) crafted in Django, Flask, and [React](https://appseed.us/apps/react)
- ✨ More [Admin Dashboards](https://www.admin-dashboards.com/) - a huge index with products