AdminLTE 4: die Bootstrap-5-Vorlage für Verwaltungsoberflächen

AdminLTE 4: der HTML-Kern einer verbreiteten Dashboard-Vorlage

Das Repository ColorlibHQ/AdminLTE enthält die HTML- und Bootstrap-Ausgabe von AdminLTE 4, einer kostenlosen Vorlage für Verwaltungsoberflächen. Das README bezeichnet sie als die verbreitetste quelloffene Admin-Dashboard-Vorlage, vollständig responsiv, gebaut auf Bootstrap 5.3 mit Vanilla-JavaScript und ohne jQuery. Die Vorlage läuft von kleinen Mobilbildschirmen bis zu großen Desktops und steht unter der MIT-Lizenz.

Die Zahlen belegen die Reichweite: 45563 Sterne, 18171 Forks, keine offenen Issues zum Auswertungszeitpunkt. Interessanterweise nennt die Sprachmetadaten Astro, also das Framework, mit dem die Projektseite und Dokumentation gebaut sind, während die Vorlage selbst im HTML-Kern reines Bootstrap-Markup mit TypeScript-Plugins liefert. Der letzte Push datiert auf den 26. August 2026, das Projekt wird also aktiv gepflegt.

Framework-Editionen für React, Vue, Laravel und weitere Stacks

AdminLTE 4 wird nicht nur als HTML-Kern verteilt. Das README listet eine Reihe offizieller Framework-Editionen in eigenen Repositories: adminlte-react, adminlte-vue, adminlte-angular, adminlte-laravel, adminlte-symfony, adminlte-django, adminlte-aspnet und adminlte-drupal. Jede Edition enthält laut README dasselbe AdminLTE-4-Design mit Bootstrap 5.3, Dunkelmodus und RTL-Unterstützung, jeweils idiomatisch in den Ziel-Stack integriert.

Diese Aufteilung beantwortet eine alte Frage der Dashboard-Vorlagen: Ob man Markup umbaut oder eine Komponentenbibliothek wartet. AdminLTE fährt beides parallel, mit diesem Repository als Referenzdesign. Eine eigene Dokumentationsseite unter docs.adminlte.io behandelt alle Editionen gemeinsam, und das Paket admin-lte ist über npm, Packagist als almasaeed2010/adminlte und jsDelivr verfügbar. Eine Community gibt es zudem auf dem verlinkten Discord-Server, die Deployments der Seite laufen über Netlify.

Drei Installationswege: CDN, npm und Composer

Der Schnellstart nennt laut Dokumentation drei Wege. Der erste ist ein CDN-Link auf admin-lte@4, der das minifizierte CSS und JavaScript liefert, ohne jede Build-Pipeline. Der zweite ist npm mit dem Befehl npm install admin-lte@4, der sich für Projekte mit eigenem Bundler eignet. Der dritte richtet sich an PHP-Projekte: composer require almasaeed2010/adminlte.

Dazu empfiehlt das README, eine der Demo-Seiten als Ausgangspunkt zu kopieren, und verweist für die komplette Einrichtung auf den Getting-Started-Leitfaden unter adminlte.io/themes/v4/docs/introduction.html. Diese Kopier-Strategie ist bewusst gewählt: Die Vorlage lebt davon, dass eine fertige Seite mit Sidebar, Header und Karten existiert, die man anschließend auf den eigenen Anwendungsfall zuschneidet.

Der v4-Neubau: Demo-Seiten und moderne Werkzeugkette

Die v4-Linie ist ein kompletter Neubau. Das README nennt 18 neue Demo-Seiten, darunter Calendar, Kanban, Chat, File Manager, Mailbox, Wizard und Datentabellen mit Tabulator. Die Dokumentation wurde überarbeitet, mit neuen Anleitungen und einer neu aufgebauten FAQ.

Auch die Werkzeugkette wurde erneuert: ESLint 10, TypeScript 6, Stylelint 17 und Astro 6.3 stehen im README als aktualisierte Abhängigkeiten, die CI läuft mit Node 22 LTS, und Bootstrap steht in Version 5.3.8. Das README behauptet zudem, dass npm install sauber mit null Schwachstellen durchläuft. Diese Angaben stammen vom Projekt selbst, sie zeigen aber, woran die Maintainer arbeiten: eine zeitgemäße Codebasis, mit der Teams ohne jQuery-Ballast weiterentwickeln können.

Breaking Changes von v3: Klassen, Attribute und der Dunkelmodus

Wer von AdminLTE 3 migriert, braucht laut README konkrete Umbauten. Die Klassennamen wurden geändert: Aus .wrapper wurde .app-wrapper, aus .main-header wurde .app-header, aus .content-wrapper wurde .app-main. Datenattribute wechselten von data-widget zu data-lte-toggle, etwa für Sidebar und Treeview.

Der Dunkelmodus folgt jetzt dem nativen Bootstrap-5.3-Weg über das Attribut data-bs-theme="dark" statt einer eigenen Klasse, und jQuery wird nicht mehr benötigt, da die Plugins in Vanilla-TypeScript geschrieben sind. Das README verlinkt einen Migrationsleitfaden für alle weiteren Umstellungen. Diese Liste macht die Kosten eines Upgrades greifbar: Wer viel eigenes CSS gegen alte Klassennamen geschrieben hat, trägt den Hauptteil der Arbeit.

Deployment-Grenze und die umstrittene CVE-2021-36471

Eine UI-Vorlage hat eine eigene Fehlerklasse: Sie wird dort ausgeliefert, wo sie nie hingehört. Das README zieht die Grenze deshalb scharf: In Produktion gehören nur die kompilierten Assets dist/js/adminlte.min.js und dist/css/adminlte.min.css zusammen mit den eigenen Anwendungsdateien. Nicht deployt werden sollen node_modules, die Demo-HTML-Seiten oder das src-Verzeichnis.

Diese Grenze erklärt auch die Position des Projekts zu CVE-2021-36471, die das README als umstritten einstuft. Der Eintrag beziehe sich auf Demo-Seiten, die dann zugänglich sind, wenn Beispieldateien fälschlich in Produktion ausgeliefert werden; v4 trenne Entwicklungs-Demos klar von Produktions-Assets. Weiterführende Regeln stehen in der SECURITY.md des Repositorys. Für Betreiber bedeutet das: Wer die Warnung befolgt, umgeht die dokumentierte Angriffsfläche vollständig.

MIT-Lizenz, Mitwirkung und der Versionsstand

AdminLTE steht unter der MIT-Lizenz, mit dem üblichen Umfang: Nutzung, Kopieren, Modifikation, Zusammenführung, Veröffentlichung, Vertrieb, Unterlizenzierung und Verkauf sind erlaubt, ohne Gewährleistung. Ein Punkt ist ungewöhnlich und im README vermerkt: AdminLTE.io behält sich das Recht vor, die Lizenz zukünftiger Versionen zu ändern. Wer langfristig plant, sollte diese Klausel im Blick behalten.

Mitwirkende folgen einem dokumentierten Pfad: Node.js LTS installieren, den master-Zweig klonen, npm install und npm start ausführen, nach npm run lint einen Pull Request eröffnen. Sponsoring-Links sind vorhanden. Der Versionsstand zeigt eine aktive Linie: v4.9.1 und v4.9.0 erschienen beide am 26. August 2026, davor v4.8.5 am 20. August. Nach über einem Jahrzehnt und 45563 Sternen ist AdminLTE damit weiterhin eine der meistgenutzten Referenzen für Verwaltungsoberflächen im Bootstrap-Umfeld.

Redaktionelles Fazit

AdminLTE 4 passt zu Projekten, die schnell eine vollständig gestylte Verwaltungsoberfläche auf Bootstrap-5.3-Basis brauchen, ohne jQuery und mit klarer Abgrenzung zwischen Entwicklungs- und Produktionsdateien. Wer von v3 migriert, muss Klassennamen wie .wrapper zu .app-wrapper und Datenattribute von data-widget zu data-lte-toggle anpassen; die kompilierten Dateien dist/js/adminlte.min.js und dist/css/adminlte.min.css bilden laut README das Deployment. Der aktuelle Stand ist v4.9.1 vom 26. August 2026, die Lizenz MIT mit Vorbehalt künftiger Änderungen.

Offizielle Quellen

1. Official documentation
2. Official README
3. Project repository
4. Release notes