AdminLTE: Bootstrap 5 admin dashboard template
Production-ready Bootstrap 5 template with SCSS build tooling.
Learn more about AdminLTE
AdminLTE is a responsive admin dashboard template built on the Bootstrap 5 framework, providing pre-styled user interface components and layout structures for web application backends. The template is distributed as compiled CSS and JavaScript files that extend Bootstrap's component library with additional dashboard-specific widgets, charts, and administrative interface patterns. It utilizes SCSS source files with a modular architecture that allows developers to customize variables and selectively compile components during the build process. The template implements a responsive grid system with collapsible sidebars, navigation components, and data visualization elements that adapt to different screen sizes. Organizations typically integrate AdminLTE by linking the compiled stylesheets and scripts into their existing web applications to achieve consistent administrative interface styling without building components from scratch.
SCSS-based customization
The template uses SCSS throughout its codebase with clear comments, allowing developers to customize styling through variables and mixins rather than modifying compiled CSS directly.
Separated development and production assets
AdminLTE maintains a clear distinction between demo files and production assets, with compiled output in a dist/ directory and source files kept separate to prevent accidental deployment of unnecessary files.
Cross-platform build tooling
Build scripts use cross-platform utilities to work consistently across Windows, macOS, and Linux environments without requiring shell-specific commands or workarounds.
// Toggle sidebar collapse state
const sidebar = document.querySelector('.sidebar');
const toggleBtn = document.querySelector('[data-lte-toggle="sidebar"]');
toggleBtn.addEventListener('click', () => {
document.body.classList.toggle('sidebar-collapse');
});Maintenance release updating 8 npm dependencies and replacing runtime image path fixes with build-time HTML generation for faster loads.
- –Remove any JavaScript workarounds for image 404s; relative paths are now generated at build time.
- –Update to Astro 5.11.0, TypeScript ESLint 8.36.0, Prettier 3.6.2, and Rollup 4.44.2 for tooling improvements.
Major modernization requiring Node.js ES modules support; no breaking changes for end users, but developers must migrate ESLint config to flat format.
- –Run `npm start` for development and ensure Node.js supports ES modules (package.json now sets `"type": "module"`).
- –Migrate ESLint configuration to `eslint.config.js` flat format (v9) if customizing linting rules.
Beta release adds dist build folder and upgrades Astro to v5 and Bootstrap to 5.3.3; no breaking changes documented.
- –Upgrade to Astro 5 and Bootstrap 5.3.3; verify compatibility with your build pipeline and custom styles.
- –Switch code formatter from js-beautify to Prettier if you contribute or maintain local formatting configs.
Related Repositories
Discover similar tools and frameworks used by developers
react-beautiful-dnd
Accessible React library for list drag-and-drop interactions.
fonts
TrueType font binaries and metadata organized by license.
react-markdown
Render markdown as React components via unified.
OpenCut
Timeline-based browser video editor with multi-track support.
bootstrap
Sass-based component library with responsive grid system.