Sign in Subscribe
django

Free Django Admin Themes - Soft & Material Design

Two popular Django libraries recently updated to the latest UI version - crafted by Creative-Tim and App-Generator.

Editor

• 2 min read
Django Admin Templates - Open-Source products, crafted by App-Generator and Creative-Tim
Django Admin Templates - Open-Source products

Hello! Two popular UI Kits designed by Creative-Tim are now available as pluggable themes in Django: Soft UI and Material Dashboard. Here are the demos:

Django Material Dashboard - Open-Source Django Starter, crafted by Creative-Tim and App-Generator
Django Material Dashboard - Open-Source Django Starter

Both Django Libraries are fully documented (links on the product pages) and here we will recap the installation for Material Dashboard, being a more popular product. 

$ pip install django-admin-material-dashboard
// OR
$ pip install git+https://github.com/app-generator/django-admin-material-dashboard.git

Is recommended to always use the latest version, which can be checked on the PiPy index platform: django-admin-material-dashboard

Once the library is installed, the next step is to add the Material Dashboard Application in the INSTALLED_APPS section as suggested below: 

INSTALLED_APPS = [
    ...
    'admin_material.apps.AdminMaterialDashboardConfig',
    'django.contrib.admin',
    ...
]

To overwrite the default Django admin UI, the position should be before django.contrib.admin.

Both libraries provide a routing module where all the UI Kit pages are served. To have this, the routing module also needs to be added to the project routing: 

from django.urls import path, include

urlpatterns = [
    ...
    path('', include('admin_material.urls')),
]

At this moment, the library should be fully usable and we can see the same pages as in the live demo:

Django Material - UI Pages

Material Dashboard 3 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 Material Dashboard - Main Page, crafted by Creative-tim and App-Generator
Django Material Dashboard - Main Page
Django Material - Billing Widgets
Django Material Dashboard - Billing Widgets, crafted by App-Generator and Creative-Tim
Django Material Dashboard - Billing Widgets
Django Material - Google Maps Page
Django Material Dashboard - Google Maps Page, crafed by App-Generator and Creative-Tim
Django Material Dashboard - Google Maps Page

Django Soft Dashboard - UI Pages

This Free Bootstrap 5 Dashboard comes with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to code.

Django Soft Dashboard - Main Page, crafted by App-Generator and Creative-Tim
Django Soft Dashboard - Main Page
Django Soft Dashboard - Virtual Reality Page
Django Soft Dashboard - VR Page, crafted by App-Generator and Creative-Tim
Django Soft Dashboard - VR Page
Django Soft Dashboard - Billing Page
Django Soft Dashboard - Billing Page, crafted by App-Generator and Creative-Tim
Django Soft Dashboard - Billing Page
👉 New to App-Generator? Join our 10k+ Community using GitHub One-Click SignIN.