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:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/css/adminlte.min.css">
<script src="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/js/adminlte.min.js"></script>

npm:

npm install admin-lte@4

Composer:

composer require almasaeed2010/adminlte

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

Developing AdminLTE itself

Install dependencies: npm install
Start the dev server: npm start (opens http://localhost:3000 with live reload)
Build: npm run build — or npm run production for the full lint + optimize + bundlewatch 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 and bundlewatch
npm run lint — run all linters (JS, CSS, docs, lockfile)
npm run css — build CSS only
npm run js — build JavaScript only

What's new in v4

The v4 line is a ground-up rewrite on Bootstrap 5.3 with no jQuery: 18 new demo pages (Calendar, Kanban, Chat, File Manager, Mailbox, Wizard, Tabulator data tables, and more), a documentation overhaul, and major dependency upgrades. See the CHANGELOG for full details.

New in 4.3

Sidebar search — a new SidebarSearch plugin filters the menu as you type, expanding whatever submenu holds a match and restoring the menu exactly as it was when cleared. Paired with a navbar search in the app header.
Ribbons — corner banners (.ribbon-wrapper + .ribbon) in three sizes, mirrored automatically in RTL, with the clip following the card's corner radius.
Social & post widgets — .user-block, .post, .widget-user, .widget-user-2 and .description-block, laid out with grid and flex.
Three new demo pages — Gallery (filterable media library, no image library required), Search Results (typed results with a refine panel), and Ribbons.
Nav tabs, modals and offcanvas added to the General UI Elements showcase.
Card and Miscellaneous docs pages, plus a language switcher recipe — every component that ships CSS now has a reference page.

Highlights

18 new demo pages

Apps: Calendar (FullCalendar), Kanban (SortableJS), Chat, File Manager, Projects, Mailbox (Inbox / Read / Compose)
Forms: Wizard (4-step with validation)
Tables: Data Tables (Tabulator — jQuery-free)
Pages: Profile, Settings, Invoice, Pricing, FAQ
Errors: 404, 500, Maintenance

Documentation overhaul

New pages: Getting Started, Customization & Theming, RTL Support, Migration from v3, Layout Blueprint, Recipes, Deployment & Performance, Recommended Integrations, JavaScript Plugins Overview
Rewritten Introduction with four labelled install paths (CDN / npm / source / Composer)
FAQ rebuilt with hero, live search, section chips, and an accordion of 23 questions
Split sidebar navigation: dashboard demo and docs each have their own nav

Major dependency upgrades

ESLint 10, TypeScript 6, Stylelint 17, Astro 6.3, Bootstrap 5.3.8, Node 22 LTS in CI
npm install runs clean with 0 vulnerabilities

Breaking changes from v3

Class renames: .wrapper → .app-wrapper, .main-header → .app-header, .main-sidebar → .app-sidebar, .content-wrapper → .app-main
Data attributes: data-toggle → data-bs-toggle, data-widget="pushmenu" → data-lte-toggle="sidebar", data-widget="treeview" → data-lte-toggle="treeview"
Dark mode: .dark-mode body class → data-bs-theme="dark" attribute (Bootstrap 5.3 native)
jQuery no longer required; plugins are vanilla TypeScript
The bundled plugins/ folder is gone — every v3 jQuery widget has a documented vanilla-JS successor (replacement table: Select2 → Tom Select, DataTables → Tabulator, Summernote → Quill, …)
The v3 extra colours (.bg-navy, .bg-teal, the sidebar skins, …) live in opt-in stylesheets: dist/css/adminlte-colors.css — fourteen redesigned colours, every one readable with white text, 17 skin presets, plus a one-line hook for your brand colour — or dist/css/adminlte-colors-v3.css, the 18 AdminLTE 3 colours exactly as they were. Either sheet also lets you make one of them Bootstrap's primary — <html data-lte-primary="teal"> recolours buttons, links, pagination and form focus (Colors docs, live demo). Nothing is added to adminlte.css.

See the dedicated Migration from v3 guide.

Premium templates

AdminLTE will always be free and open source. When a project needs more — app-ready pages, framework-native codebases, dedicated support — our team hand-picks premium dashboards at adminlte.io/premium, including editions built for the same stacks AdminLTE integrates with:

Admindek _{The natural next step from AdminLTE: Bootstrap 5 + vanilla JS, 100+ components, dark/light modes, RTL, 10 color presets. Also for Laravel · Next.js · Angular}	Apex Dashboard _{5 dashboard variants, 20+ app pages, 125+ routes, full CRUD — in your backend's native stack. For Next.js · Laravel · Django · Angular}
Zenith Dashboard — Django _{Achromatic, ultra-minimal design as a ready-to-run Django project: 50+ pages, 6 dashboards, live theme customizer.}	Haze — Nuxt _{Nuxt 4 + Nuxt UI v4 + Tailwind CSS v4. 92+ pages, 7 layouts, 5 dashboards, RTL, i18n, mock API layer.}

View all premium templates →

Browser & platform support

AdminLTE supports the latest versions of all modern browsers (Chrome, Firefox, Safari, Edge) via Bootstrap 5.3.8. The build scripts run cross-platform — Windows (CMD, PowerShell, Git Bash), macOS and Linux — using cross-platform npm utilities throughout.

Security & production deployment

AdminLTE is a UI template. Deploy only the compiled production assets (dist/js/adminlte.min.js, dist/css/adminlte.min.css) and your own application files — never node_modules/, the demo HTML pages, or the src/ directory.

About CVE-2021-36471: this CVE is disputed and does not represent a vulnerability in AdminLTE — it refers to demo pages being accessible when example files are incorrectly deployed to production. AdminLTE v4 cleanly separates development demos from production assets.

For detailed guidelines, authentication requirements, and best practices, see SECURITY.md.

Sponsorship

Support AdminLTE development by becoming a sponsor or donor.

Our sponsors

Your avatar here? Become a sponsor

Contributing

Contributions are highly welcome:

Install Node.js (LTS) and clone this repository (master branch).
npm install, then npm start to run the dev server.
Make your changes (run npm run lint before committing) and open a PR against master.

License

AdminLTE is an open source project by AdminLTE.io licensed under MIT. AdminLTE.io reserves the right to change the license of future releases.

The charts on the demo pages are drawn with Chart.js (MIT), loaded from a CDN on the pages that use it — it is not a dependency of the admin-lte package.

Image credits

Pixeden, Graphicsfuel, Pickaface, Unsplash, Uifaces, Unavatar

ColorlibHQ/AdminLTE

Star growth

Repository activity

Embed badge

README