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 |
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โ ornpm run productionfor the full lint + optimize + bundlewatch pipeline
All npm scripts
npm startโ development server with file watchingnpm run buildโ build all assets for developmentnpm run productionโ full production build with linting and bundlewatchnpm run lintโ run all linters (JS, CSS, docs, lockfile)npm run cssโ build CSS onlynpm 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.
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 19 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 installruns 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-modebody class โdata-bs-theme="dark"attribute (Bootstrap 5.3 native) - jQuery no longer required; plugins are vanilla TypeScript
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 (
masterbranch). npm install, thennpm startto run the dev server.- Make your changes (run
npm run lintbefore committing) and open a PR againstmaster.
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.
Image credits
Pixeden, Graphicsfuel, Pickaface, Unsplash, Uifaces, Unavatar