README

AdminLTE — Bootstrap 5 Admin Dashboard








AdminLTE is the most popular open-source admin dashboard template — fully responsive,
built on Bootstrap 5.3 with vanilla JavaScript (no jQuery),
highly customizable, and easy to use. It fits every screen from small mobile devices to
large desktops, and it's MIT-licensed.

Live Demo ·
Documentation ·
Framework Editions ·
Premium Templates


  
    
  
  
    
  


 Framework editions

The same AdminLTE 4 dashboard, officially integrated for the framework you know best —
you're looking at the HTML / Bootstrap core:



  
  
  
  
  
  
  
  
  
  
  
  



| Edition | Repository | Live demo | Install |
|---|---|---|---|
| HTML / Bootstrap (this repo) | AdminLTE | themes/v4 | npm install admin-lte |
| React & Next.js — 30+ typed components, RSC-ready, ⌘K palette | adminlte-react | themes/next-react | see repo |
| Vue 3 & Nuxt — 45+ typed components, composables, SSR-safe theming | adminlte-vue | themes/vue-nuxt | see repo |
| Laravel — Blade components, config-driven menu, auth scaffolding | adminlte-laravel | laravel.adminlte.io | composer require colorlibhq/adminlte-laravel |
| Django — reusable app, menu filter pipeline, themed admin | adminlte-django | django.adminlte.io | pip install django-adminlte4 |
| Symfony — Twig Components, AssetMapper, config-driven menu, EasyAdmin theme | adminlte-symfony | see repo | composer require colorlibhq/adminlte-symfony |
| Angular 22 — 44 standalone signal components, dark mode, ⌘K palette | adminlte-angular | see repo | npm i @adminlte/angular |
| ASP.NET Core (.NET 10) — Blazor components + MVC/Razor Pages Tag Helpers | adminlte-aspnet | see repo | dotnet add package ColorlibHQ.AdminLTE.AspNetCore |
| Drupal — admin theme for Drupal 10.3+/11, themed admin UI | adminlte-drupal | see repo | see repo |
| Docs — guides, components, and API reference for every edition | docs.adminlte.io | docs.adminlte.io | — |

Every edition ships the full AdminLTE 4 design — Bootstrap 5.3, dark mode, RTL — with
idiomatic integrations for its stack (components, routing, auth, theming).

 Quick start

CDN — no build step:

html




npm:

bash
npm install admin-lte@4


Composer:

bash
composer require almasaeed2010/adminlte


Then start from the Getting Started guide
or copy one of the demo pages.

 Developing AdminLTE itself

1. Install dependencies: use Node.js 22.22.3+, 24.16.0+, or 26.3.0+ and npm 10+, then run npm ci
2. Start the dev server: npm start (opens http://localhost:3000 with live reload)
3. Build: npm run build — or npm run production for the full lint + test + optimize + bundle-size pipeline


All npm scripts

- npm start — development server with file watching
- npm run build — build all assets for development
- npm run production — full production build with linting, unit tests, and local bundle-size budgets
- npm run lint — run all linters (JS, CSS, docs, lockfile)
- npm test — unit tests (Vitest)
- npm run test-browser — built-page, responsive, theme, and plugin 

Top issues

Discussions

Latest release

AdminLTE 4.10.1 refreshes the build toolchain and demo integrations, fixes responsive and accessibility issues, and adds broader regression coverage. Public AdminLTE component APIs and the published package's Node.js requirement remain unchanged.

 Changes

- Update compatible stable dependencies, including Astro 7.3.7, Rollup 4.64.2, Playwright 1.64.0, Vitest 5.0.3, Sass 1.105.1, and ESLint 10.12.0. Replace npm-run-all with its maintained npm-run-all2 successor.
- Update demo/integration CDN libraries, migrate FullCalendar to 7.1.1, correct jsVectorMap asset paths, and refresh existing integr