DEV Community

Cover image for Django AdminLTE - PyPi Library
Sm0ke
Sm0ke

Posted on โ€ข Edited on โ€ข Originally published at app-generator.dev

13

Django AdminLTE - PyPi Library

Hello Coders!

This article presents Django AdminLTE, the PyPi integration of this iconic design for Django. AdminLTE maintainers provide the latest stable version, 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)


Django AdminLTE Starter

For those who don't have the time or patience to manually configure the project, a playground app is also available with all the above steps already crafted.

๐Ÿ‘‰ [Django AdminLTE Starter](https://app-generator.dev/product/adminlte/django/ - the page contains a DEMO link

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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

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 โ€ข

๐Ÿš€๐Ÿš€

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post