Pixel UI#

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

👉 New to App-Generator? SignIN with GitHub or Download a PRO Starter for only $19.99/mo

Features#

  • Design: Pixel UI Bootstrap

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

    • Registration page

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

Pixel UI Kit - Open-source UI Kit from Themesberg

Why Django Pixel UI Kit#

  • Modern Bootstrap 5 Design

  • Responsive Interface

  • Minimal Template overriding

  • Easy integration

Installation#

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

Add theme_pixel 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_pixel',          # <-- 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_pixel routing in your Django Project urls.py file

from django.urls import path, include

urlpatterns = [
    ...
    path('', include('theme_pixel.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.

Pixel UI Kit - Open-source UI Kit from Themesberg