Introduction

AdminLTE 4 is the free, open-source, MIT-licensed admin dashboard template that every official framework port is built on — a fully responsive control panel built on Bootstrap 5.3 with vanilla JavaScript and no jQuery.

AdminLTE is the most popular open-source admin dashboard template on the web. Version 4 is a ground-up rewrite on Bootstrap 5.3: the entire JavaScript layer was rebuilt in TypeScript and ships as a tiny dependency-free bundle, jQuery is gone, and dark mode is native via Bootstrap's data-bs-theme attribute. It fits every screen from small phones to large desktops, supports RTL, and is WCAG 2.1 AA accessible out of the box.

This is the HTML / Bootstrap core — the canonical implementation. The React, Vue, Angular, Laravel, Symfony, Django, and ASP.NET Core editions all wrap this same design and CSS/JS for their stack.

Key features

  • Bootstrap 5.3 — built directly on the latest Bootstrap, inheriting its grid, components, utilities, and CSS-custom-property theming.
  • Vanilla JavaScript, no jQuery — seven small plugins (Layout, PushMenu, Treeview, CardWidget, DirectChat, FullScreen, Accessibility) written in TypeScript and wired entirely through data-lte-* attributes.
  • Native dark / light / auto mode — Bootstrap 5.3 data-bs-theme with a no-flash init script and OS-preference following.
  • Fully responsive layout — a CSS-grid app shell with a collapsible, off-canvas-on-mobile sidebar.
  • RTL support — a prebuilt adminlte.rtl.css for right-to-left languages.
  • Accessible — skip links, ARIA landmarks, focus management, and reduced-motion support meeting WCAG 2.1 AA.
  • MIT-licensed — free for personal and commercial use, forever.

What's new in v4

The v4 line is a complete rewrite. Highlights:

  • No jQuery — plugins are vanilla TypeScript; the published JS bundle gzips to roughly 5 KB.
  • 18 new demo pages — Calendar (FullCalendar), Kanban (SortableJS), Chat, File Manager, Projects, Mailbox (Inbox / Read / Compose), a 4-step form Wizard, jQuery-free data tables (Tabulator), Profile, Settings, Invoice, Pricing, FAQ, and 404 / 500 / Maintenance error pages.
  • Documentation overhaul — new Getting Started, Customization & Theming, RTL, Migration, Layout Blueprint, Recipes, Deployment, and Integrations guides.
  • Major dependency upgrades — ESLint 10, TypeScript 6, Stylelint 17, Astro 6, Bootstrap 5.3.8; 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-attribute changes (data-toggle → data-bs-toggle, data-widget="pushmenu" → data-lte-toggle="sidebar"), and dark mode moving from a .dark-mode body class to the data-bs-theme="dark" attribute.

Install in one line

npm install admin-lte@4

Or skip the build entirely and load the prebuilt files straight from jsDelivr:

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

Links

AdminLTE is available across many stacks — the same template is also offered as official ports for React/Next.js, Vue/Nuxt, Angular, Laravel, Symfony, Django, and ASP.NET Core.

AdminLTE 4 · HTML port Edit on GitHub