AdminLTE Vue

Documentation

AdminLTE Vue

AdminLTE 4 for Vue 3 & Nuxt. Pick a topic below.

Getting started

Install @adminlte/vue or @adminlte/nuxt and import the CSS.

Layout

Use <LteDashboardLayout> with a MenuNode[] and slots for the topbar.

Color mode

Dark mode via data-bs-theme, with an SSR-safe head script.

Composables

useSidebar, useColorMode, useCardWidget, useFullscreen and more.

Plugins

Charts, tables, editor, datepicker, calendar and maps wrappers.

Accessibility

Skip links, live region, reduced-motion support out of the box.

Install

# Vue 3 (any Vite app)
npm i @adminlte/vue bootstrap

# Nuxt
npm i @adminlte/nuxt @adminlte/vue bootstrap
# nuxt.config.ts → modules: ['@adminlte/nuxt']