AdminLTE 4.0: Neustart für das Dashboard-Framework

Mit AdminLTE 4.0.0 ist eine neue Hauptversion des Open-Source-Dashboard-Frameworks erschienen. Das Projekt hat dafür seine Architektur grundlegend umgebaut: AdminLTE basiert nun auf Bootstrap 5.3, verzichtet vollständig auf jQuery und setzt stattdessen auf TypeScript. Neben der modernisierten technischen Basis bringt die Version zahlreiche neue Beispielseiten, eine erweiterte Dokumentation und eine überarbeitete Dark-Mode-Unterstützung.

AdminLTE ist ein UI-Template für Web-Adminoberflächen und Dashboards. Entwickler nutzen es als Grundlage für SaaS-Backends, CRM- und E-Commerce-Systeme, Monitoring-Dashboards oder interne Tools. Das Projekt liefert dafür vorgefertigte Layouts, Navigationsstrukturen, Formulare, Tabellen und Dashboard-Komponenten, die sich in eigene Webanwendungen einbinden lassen.

Abkehr von jQuery und Wechsel auf Bootstrap 5.3

Die wichtigste technische Neuerung ist die vollständige Abkehr von jQuery. Ältere Admin-Templates setzen oft stark auf jQuery-Plugins und direkte DOM-Manipulation. Moderne Frontend-Stacks bevorzugen dagegen komponentenbasierte Architekturen und native Browser-APIs. AdminLTE ersetzt seine bisherigen jQuery-Komponenten deshalb durch TypeScript-Plugins.

Parallel dazu wechselt das Projekt auf Bootstrap 5.3. Damit übernimmt AdminLTE unter anderem die native Dark-Mode-Unterstützung des Frameworks, modernisierte Utility-Klassen und die neuen Datenattribute aus Bootstrap 5. Für bestehende Projekte bedeutet das aber Breaking Changes: Die Maintainer haben mehrere zentrale CSS-Klassen umbenannt, etwa .main-sidebar zu .app-sidebar. Auch bisherige Attribute wie data-toggle heißen jetzt Bootstrap-5-konform data-bs-toggle.

18 neue Demo-Seiten und neue Tabellen-Bibliothek

Hinzu kommen 18 neue Demo- und Beispielseiten. Dazu zählen Vorlagen für Kalenderansichten auf Basis von FullCalendar, Kanban-Boards mit SortableJS, Chat-Oberflächen, Dateimanager, Projektübersichten, Mailbox-Ansichten sowie mehrstufige Formular-Wizards mit Validierung. Auch Profil- und Einstellungsseiten, Rechnungsansichten und Fehlerseiten für HTTP-Statuscodes wie 404 und 500 sind dabei. Die Beispielseiten sollen nicht nur als Showcase dienen, sondern direkt als Boilerplates für eigene Anwendungen.

Für Tabellen setzt AdminLTE 4 auf die Bibliothek Tabulator. Die neue Implementierung kommt ohne jQuery aus und bietet Sortierung, Filterung und virtuelle Tabellen für größere Datenmengen – Funktionen, die typischerweise in Reporting- oder Monitoring-Oberflächen zum Einsatz kommen.

Auch die Unterstützung für Farbmodi hat das Projekt erweitert. Die neue Version blendet standardmäßig einen Umschalter für Light- und Dark-Mode in der Topbar ein. Die Auswahl speichert AdminLTE im localStorage und kann sie automatisch an die Systemeinstellung des Browsers über prefers-color-scheme anpassen.

Überarbeitete Dokumentation und modernisierte Toolchain

Die Dokumentation wurde ebenfalls umfassend überarbeitet. Neu sind unter anderem Kapitel zur Migration von Version 3, zu Deployment-Szenarien, Theming, RTL-Unterstützung und empfohlenen Integrationen. Die FAQ erscheint nun als eigenständige Seite mit Live-Suche und thematischen Kategorien. Zudem trennt das Projekt die Navigation der Live-Demo von der eigentlichen Dokumentation, um die Vorschauseiten übersichtlicher zu halten.

Bei der Toolchain steht ebenfalls ein Update an. AdminLTE nutzt jetzt unter anderem TypeScript 6, ESLint 10, Stylelint 17 und Astro 6.3. Die Maintainer haben außerdem mehrere ältere ESLint-Konfigurationen entfernt und auf das Flat-Config-Modell umgestellt. Nach Angaben der Entwickler soll die Abhängigkeitskette laut npm-Audit keine bekannten Schwachstellen mehr enthalten. Eine vollständige Übersicht aller Änderungen finden Interessierte in den Release Notes auf GitHub.

Hinweis zum Produktiveinsatz

Abschließend weist das Projekt erneut darauf hin, dass AdminLTE lediglich ein UI-Template und kein vollständiges Anwendungssystem ist. In Produktivumgebungen sollten Entwickler ausschließlich die kompilierten Produktionsassets bereitstellen, nicht jedoch die mitgelieferten Demo- und Beispielseiten. Die Maintainer verweisen dabei auf die ältere CVE-2021-36471, die aus ihrer Sicht auf fehlerhafte Deployments von Beispielinhalten zurückgeht.

(fo)