AdminLTE is a fully responsive administration template. Based on Bootstrap 4.6 framework and also the JS/jQuery plugin. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.
Preview on AdminLTE.io
Looking for Premium Templates?
AdminLTE.io just opened a new premium templates page. Hand picked to ensure the best quality and the most affordable prices. Visit https://adminlte.io/premium for more information.
AdminLTE has been carefully coded with clear comments in all of its JS, SCSS and HTML files. SCSS has been used to increase code customizability.
There are multiple ways to install AdminLTE.
Download & Changelog:
Grab from jsdelivr CDN:
Important Note: You needed to add separately cdn links for plugins in your project.
<link rel="stylesheet" href="https://firstname.lastname@example.org/dist/css/adminlte.min.css">
Using The Command Line:
Important Note: To install it via npm/Yarn, you need at least Node.js 14 or higher.
npm install admin-lte@^3.2 --save
yarn add admin-lte@^3.2
composer require "almasaeed2010/adminlte=~3.2"
git clone https://github.com/ColorlibHQ/AdminLTE.git
Visit the online documentation for the most updated guide. Information will be added on a weekly basis.
IE / Edge
|IE10, IE11, Edge||last 2 versions||last 2 versions||last 2 versions||last 2 versions||last 2 versions||last 2 versions||last 2 versions||last 2 versions|
Light Mode (Only Dark Mode Removed)
You can use light-mode-only version, if you are not using dark mode and also file size less without dark-mode.
Compile dist files
To compile the dist files you need Node.js/npm, clone/download the repo then:
npm install(install npm deps)
npm run dev(developer mode, autocompile with browsersync support for live demo)
npm run production(compile css/js files)
Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.