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');
});Improve mobile image handling by switching to build-time HTML generation and update 8 npm dependencies.
- –Updated 8 npm packages to latest versions for improved security
- –Refined mobile image fix by removing JavaScript runtime corrections
- –Better performance with faster image loading and no runtime path corrections
- –@rollup/plugin-typescript: 12.1.3 → 12.1.4
- –@typescript-eslint/eslint-plugin: 8.35.1 → 8.36.0
Major modernization release updating all dependencies, resolving security vulnerabilities, and upgrading to modern tooling.
- –Zero security vulnerabilities - all dependencies updated and vulnerabilities resolved
- –Modern tooling - ESLint v9, Astro 5.x, latest Stylelint and build tools
- –Better developer experience - new npm start command, improved scripts, cleaner builds
- –Latest dependencies - Bootstrap 5.3.7, Node.js ES modules, 50+ package updates
- –Code quality - zero linting errors, removed technical debt, standardized formatting
Introduce distribution build folder, upgrade core dependencies including Astro 5 and Bootstrap 5.3.3.
- –Established distribution build folder dist
- –Replaced js-beautify with prettier for code formatting
- –Upgraded astro to version 5
- –Updated bootstrap to version 5.3.3
- –Downgraded sass to a compatible version
Top in Frontend
Related Repositories
Discover similar tools and frameworks used by developers
Lucide
Framework-agnostic SVG icons with native component packages.
Chakra UI
Themeable React components with built-in accessibility and Emotion styling.
TanStack Form
Type-safe headless form state management across frameworks.
daisyUI
Semantic component classes extending Tailwind CSS utilities.
Zustand
Immutable store-based React state management without boilerplate.