Introduction

AdminLTE 4 for Drupal is the official Drupal admin theme that wraps the AdminLTE 4 dashboard around Drupal's admin UI — Bootstrap 5.3, vanilla JavaScript (no jQuery), light & dark colour modes, and fully self-contained assets with no CDN required.

It is a Drupal theme (not a module): you enable it like any other theme and set it as your administration theme. On enable it ships a default block layout, so Drupal's Administration menu, navbar, breadcrumbs, admin tabs, status messages and content render inside the AdminLTE shell immediately. Built on the stable9 base theme and verified on a clean Drupal 11.3 install. By Colorlib.

Key features

• AdminLTE 4 application shell — html.html.twig and page.html.twig map Drupal regions onto the AdminLTE navbar, sidebar, content header, content area and footer.
• Sidebar from Drupal menus — Drupal's Administration menu renders as a collapsible AdminLTE treeview with per-section Bootstrap Icons; the active section is highlighted and auto-expanded.
• Navbar user dropdown — the account menu becomes an AdminLTE user dropdown (avatar/name + icon-prefixed links); anonymous visitors get an inline log-in link.
• Light / dark modes — a navbar toggle, OS-preference auto mode, and a flash-free inline initialiser that sets data-bs-theme before first paint (mirrors AdminLTE core).
• Self-contained — AdminLTE CSS (Bootstrap 5.3 bundled), AdminLTE JS, Bootstrap bundle and Bootstrap Icons are all served from the theme. No external CDN calls.
• Toolbar-aware — coexists with Drupal's core admin toolbar via the --drupal-displace-offset-top displacement offset.

Requirements

Install in one line

composer require drupal/adminlte

Links

• Drupal.org project: drupal.org/project/adminlte
• Repository: github.com/ColorlibHQ/adminlte-drupal
• AdminLTE: adminlte.io

There is no standalone live demo for the Drupal theme — install it on your own site to see it in action. AdminLTE is also offered as official ports for React/Next.js, Vue/Nuxt, Laravel, Django, Symfony and Angular.