ColorlibHQ/AdminLTE

这是什么？

核心功能

• 01基于 Bootstrap 5.3 和原生 JavaScript 构建，不依赖 jQuery
• 02响应式布局，适配手机、平板和桌面屏幕
• 03支持暗色模式和 RTL 排版
• 04提供日历、看板、聊天、文件管理、邮箱和表单向导等演示页面
• 05可通过 CDN、npm 或 Composer 安装

适用场景

• 为内部管理后台或运营工具搭建前端界面
• 借助现成页面和组件快速原型化 SaaS 仪表盘
• 为服务端渲染的 Web 应用添加基于 Bootstrap 的管理界面

快速上手

1. 1

   通过 npm 安装

   npm install admin-lte@4
2. 2

   或通过 CDN 引入（无需构建）

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

   启动开发服务器以开发 AdminLTE 本身（需先运行 npm ci）

   npm start

使用前须知

• !开发项目本身需要 Node.js 22.22.3+、24.16.0+ 或 26.3.0+ 以及 npm 10+。
• !这是 HTML/Bootstrap 模板；各框架版本位于独立的仓库中。

标签

常见问题

AdminLTE 是什么？

基于 Bootstrap 5.3 与原生 JavaScript 的免费开源（MIT）后台管理仪表盘模板。 AdminLTE 是一套基于 Bootstrap 5.3 和原生 JavaScript 构建的后台管理仪表盘模板，不依赖 jQuery。布局可响应式适配从手机到桌面的各种屏幕，并支持暗色模式与 RTL 排版，开发者无需从零设计后台界面。

AdminLTE 可以免费使用吗？用的什么许可证？

AdminLTE 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

AdminLTE 还在维护吗？

活跃维护中。AdminLTE 最近一次提交是在 2026年10月8日。

AdminLTE 适合用来做什么？

为内部管理后台或运营工具搭建前端界面 借助现成页面和组件快速原型化 SaaS 仪表盘 为服务端渲染的 Web 应用添加基于 Bootstrap 的管理界面

AdminLTE 怎么安装和运行？

通过 npm 安装: npm install admin-lte@4 或通过 CDN 引入（无需构建）: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/css/adminlte.min.css"> 启动开发服务器以开发 AdminLTE 本身（需先运行 npm ci）: npm start

在哪里获取 AdminLTE？

源代码和安装说明在 GitHub 上：https://github.com/ColorlibHQ/AdminLTE