DEV Community

Cover image for Django AdminLTE - PyPi Library
Sm0ke
Sm0ke

Posted on • Originally published at blog.appseed.us

Django AdminLTE - PyPi Library

Hello Coders!

This article presents Django AdminLTE, the PyPi integration of this iconic design for Django. The latest stable version is provided by AdminLTE maintainers, including Dark Mode, widgets, charts, calendar, and Kanban board. The product can be used in any Django project (new or legacy) that needs a modern design with AdminLTE design DNA. Thanks for reading!

Django AdminLTE - Mobile View (open-source PyPi library crafted by AppSeed)


✨ What's in the box

This library can be installed and used with minimum effort and configuration. Once installed, the design covers the following:

  • βœ… Admin Section reserved for Django superusers
  • βœ… All Django.contrib.AUTH pages + Registration
  • βœ… Pages for common users: Dashboard, Widgets, Forms

Django AdminLTE - Dark-Mode Active (open-source PyPi library crafted by AppSeed)


✨ How to use it

As mentioned before, the library can be used in a new Django project or for legacy projects that need a small UI boost in order to look better. In the following section, I will mention the installation steps as listed on the official PyPi Page.

πŸ‘‰ Step #1 - Install the library

$ pip install django-admin-adminlte
Enter fullscreen mode Exit fullscreen mode

πŸ‘‰ Step #2 - Update the INSTALLED_APPS section of the project

    INSTALLED_APPS = (
        ...
        'admin_adminlte.apps.AdminAdminlteConfig',  # <-- NEW
        'django.contrib.admin',
    )
Enter fullscreen mode Exit fullscreen mode

Make sure the AdminLTE line is above django.contrib.admin in order to overwrite the Django defaults.


πŸ‘‰ Step #3 - Update project routing to include the theme URLs

    from django.urls import path, include

    urlpatterns = [
        ...
        path('', include('admin_adminlte.urls')),  # <-- NEW
    ]
Enter fullscreen mode Exit fullscreen mode

πŸ‘‰ Step #4 - Migrate & start the project

$ # Set up the database
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Create the superuser
$ python manage.py createsuperuser
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
Enter fullscreen mode Exit fullscreen mode

At this point, the AdminLTE styling should cover all sections: authentication, the admin section reserved for superusers, and pages for common users.

Django AdminLTE - Sign-IN Page (open-source PyPi library crafted by AppSeed)


Django AdminLTE - Calendar Page

Django AdminLTE - Calendar Page (open-source PyPi library crafted by AppSeed)


✨ AdminLTE Playground project

For those without much time or patience to manually configure the project, a playground app is also available with all the above steps already crafted.

πŸ‘‰ Django AdminLTE Playground - sources saved on GitHub

Django AdminLTE - Widgets page (open-source PyPi library crafted by AppSeed)


Thanks for reading! For more resources and support, please access:

  • πŸš€ Free support provided by AppSeed (email & Discord)
  • πŸ‘‰ More free apps crafted in Flask, Django, and React

Top comments (4)

Collapse
 
crearesite profile image
WebsiteMarket

Iconic kit

Collapse
 
sm0ke profile image
Sm0ke

πŸš€πŸš€

Collapse
 
uithemes profile image
ui-themes

Thank you for this work.

Collapse
 
sm0ke profile image
Sm0ke

πŸš€πŸš€