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.
- (Free) Django Datta Able - product page
- (Free) Django Soft UI Dashboard - product page
- (Free) Django Dashboard Volt - product page
- (Free) Django Atlantis Dark - product page
- (Free) Django Material Dashboard - product page
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.
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.
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.
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.
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.
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.
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
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
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
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/
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:
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
Playground starter to display simple charts in Django using Morris JS:
- Charts from JSON - using this sample
- Charts from Table - simple STATS table
- Charts from DATA chunk - using this sample file
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
- Repository: Django Data Tables
- License: MIT License
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
- License: MIT License
- 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.