3 Top HACS Frontend Erweiterungen für Home Assistant: Praktische Karten & Installationstipps

Beispiel für eine Batteriestatus-Karte mit der battery-state-card

Mit der battery-state-card kannst du dir den Batteriestand aller deiner Geräte übersichtlich in einer Karte anzeigen lassen. Das ist besonders praktisch, um rechtzeitig zu erkennen, wann Batterien gewechselt werden müssen. Die Karte hebt niedrige Batteriestände farblich hervor und sortiert die Geräte nach ihrem aktuellen Ladezustand.

Um die Karte zu nutzen, installierst du zuerst die battery-state-card über den Marketplace (früher HACS). Seit Home Assistant 2026.11 ist HACS als Marketplace fest eingebaut, ein eigenes HACS musst du dafür nicht mehr installieren. Du öffnest ihn unter Einstellungen → Marketplace, das geht nur mit einem Administrator-Konto. Beim ersten Öffnen zeigt er einen Hinweis zu den Risiken. Den bestätigst du mit Ich bin mir der Risiken bewusst und stimme zu. Die battery-state-card steht im Katalog des Marketplace, auf ihrer Seite klickst du auf Installieren. Bis Home Assistant 2026.10 installierst du die Karte wie bisher über HACS.

Die Karte landet im Ordner www/community/ in deinem Konfigurationsordner. Der Marketplace trägt sie gleich als Dashboard-Ressource ein, ihre Adresse beginnt mit /local/community/. Verwaltest du deine Dashboard-Ressourcen in YAML, geht das nicht automatisch. Dann zeigt dir der Marketplace die Ressource schon im Installationsdialog. Die trägst du nach der Installation selbst in deine Konfiguration ein.

Ältere Einträge mit /hacsfiles/ funktionieren weiter. Ressourcen, die du in der Oberfläche angelegt hast, stellt der Marketplace selbst auf den neuen Pfad um. Für Ressourcen aus YAML meldet er die Reparatur Dashboard-Ressourcen verwenden einen alten Pfad mit einer Liste der betroffenen Einträge.

Danach legst du in deinem Dashboard eine neue manuelle Karte an und fügst den folgenden YAML-Code ein.

1type: custom:battery-state-card
2colors:
3  steps:
4    - '#ff0000'
5    - '#ffff00'
6    - '#00ff00'
7  gradient: true
8sort:
9  by: state
10  desc: true
11filter:
12  include:
13    - name: attributes.state
14      operator: exists
15    - name: attributes.device_class
16      value: battery
17  exclude:
18    - name: state
19      value: 99
20      operator: '>'

Mit diesem Code werden alle Entitäten mit dem Attribut device_class: battery angezeigt. Die Farben wechseln je nach Ladestand von Rot (leer) über Gelb bis Grün (voll). Die Liste ist absteigend nach dem Batteriestand sortiert, sodass leere Batterien ganz oben erscheinen. Werte über 99 Prozent werden ausgeblendet, um beispielsweise fehlerhafte Sensorwerte zu ignorieren.

So behältst du den Überblick über den Batteriestatus deiner Geräte und kannst rechtzeitig reagieren, bevor ein Sensor ausfällt.

Verwendete Erweiterungen & Repositories

• maxwroc/battery-state-card Battery state card for Home Assistant

Im Video zu „3 gute HACS Frontend Erweiterungen für dein Home Assistant | Cards | HACS Erweiterungen installieren“ wird auch auf typische Stolperstellen eingegangen. Dort siehst du noch die alte HACS-Oberfläche, seit 2026.11 läuft die Installation über den Marketplace.