Introduction
AdminLTE 4 for Vue is the official Vue 3 & Nuxt port of the AdminLTE 4 admin template — 45+ typed components, composables instead of jQuery, SSR-safe dark mode and a ⌘K command palette, shipped as the framework-agnostic @adminlte/vue library and the zero-config @adminlte/nuxt module.
This is a faithful Vue/Nuxt port of AdminLTE 4 (Bootstrap 5.3), mirroring the official React and Laravel editions — same components, same markup, only the setup differs. Use the component library in any Vue 3 app (Vite, vue-router, SSR) via a one-line plugin install, or drop in the Nuxt module for auto-imports, CSS injection and a blocking head script that kills the theme flash.
Key features
- 45+ typed components — layout, widgets, forms and tools, all authored with
<script setup lang="ts">. Every component is prefixedLte*(e.g.<LteCard>,<LteSmallBox>,<LteInfoBox>). - Composables, not jQuery —
useSidebar,useColorMode,useCardWidget,useFullscreenand more, wired through Vue'sprovide/injectwith no Pinia and no global store. - SSR-safe dark mode — toggles Bootstrap 5.3's
data-bs-themeon<html>, persisted tolocalStorage['lte-theme'](the same key shared with the React, Symfony and Angular ports). Under Nuxt a blocking inline head script applies it before first paint. - ⌘K command palette — generated from your menu tree, so every navigable entry is searchable for free.
- Lazy plugin wrappers — ApexCharts, Tabulator, Quill, Flatpickr, Tom Select, FullCalendar, jsVectorMap and SortableJS, each SSR-safe and only loaded when used.
- No required runtime dependencies — beyond the Vue peer; plugin libraries are optional peers, and styling comes from the prebuilt
admin-ltepackage (no SCSS to maintain).
Requirements
| Dependency | Version |
|---|---|
| Vue | 3.5+ |
Nuxt (for @adminlte/nuxt) | 3.0+ (built/tested on 4) |
| Bootstrap | 5.3 |
| TypeScript (recommended) | 5.6+ |
Install in one line
npm install @adminlte/vue bootstrapUsing Nuxt? Add the module too: npm i @adminlte/nuxt @adminlte/vue bootstrap and register @adminlte/nuxt in nuxt.config.ts. See the Installation page for both paths.
Links
- Live demo: adminlte.io/themes/vue-nuxt
- Repository: github.com/ColorlibHQ/adminlte-vue
- npm: @adminlte/vue · @adminlte/nuxt
- AdminLTE: adminlte.io
AdminLTE is available across many stacks — the same template is also offered as official ports for React/Next.js, Laravel, Django, Symfony, Angular and ASP.NET Core.