Material Kit#

Modern UI Library for Django, Auth Pages (registration included) crafted on top of Material UI Kit, an open-source Bootstrap design.

👉 New to App-Generator? Sign IN with GitHub or Generate Web Apps in no time (free service).

Features#

  • Design: Material Kit Bootstrap

  • Sections Covered:
    • All pages managed by Django.contrib.AUTH

    • Registration page

    • Misc pages: colors, icons, typography, blank-page

Material Kit - open-source dashboard template provided by Creative-Tim

Why Django Material Kit#

  • Modern Bootstrap 5 Design

  • Responsive Interface

  • Minimal Template overriding

  • Easy integration

Installation#

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

Add theme_material_kit application to the INSTALLED_APPS Section of your Django project settings.py file:

core/settings.py#
INSTALLED_APPS = [
    "django.contrib.admin",
    "django.contrib.auth",
    "django.contrib.contenttypes",
    "django.contrib.sessions",
    "django.contrib.messages",
    "django.contrib.staticfiles",

    'theme_material_kit',          # <-- NEW
]

Add LOGIN_REDIRECT_URL and EMAIL_BACKEND of your Django project settings.py file:

core/settings.py#
LOGIN_REDIRECT_URL = '/'
# EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'

Add theme_material_kit routing in your Django Project urls.py file

from django.urls import path, include

urlpatterns = [
    ...
    path('', include('theme_material_kit.urls')),  #  <-- NEW
]

Start the project now styled with the AdminLTE Design

Steps to start the project#
python manage.py collectstatic
python manage.py runserver # default port 8000

Access the project in your preferred browser and the UI should be styled with the new design.

Material Kit - open-source dashboard template provided by Creative-Tim

Add Features with our Django Generator (free service)#

Using the sevice, developers can customize:

  • Select the preferred design

  • Design Database: edit models and fields

  • Add fields to Extended user model

  • Enable OAuth for GitHub and Google (soon)

  • Add Celery (async tasks)

  • Enable Dynamic API Module

  • Docker Scripts

  • CI/Cd Scripts for Render

The generated Django project is available as a ZIP Archive and also uploaded to GitHub.

Free Web Apps Generator - Works for Django, Flask, NodeJS and React