Home Assistant Dashboard gestalten — Tipps für ein übersichtliches Smart Home

So erstellst du ein professionelles Home Assistant Dashboard. Praxistipps für Sections, Cards, Themes und HACS-Erweiterungen — Schritt für Schritt erklärt.

Dein Home Assistant läuft, die Geräte sind eingebunden — aber das Dashboard sieht aus wie ein Schlachtfeld? Dann wird es Zeit, Ordnung reinzubringen. In dieser Anleitung zeige ich dir, wie du ein übersichtliches, funktionales Dashboard baust, das du und deine Mitbewohner auch wirklich gerne benutzen.

Warum ein gutes Dashboard wichtig ist

Das Dashboard ist die Oberfläche, mit der du täglich interagierst — auf dem Handy, auf dem Tablet an der Wand, am Laptop. Ein chaotisches Dashboard führt dazu, dass niemand Home Assistant nutzen will. Ein durchdachtes Dashboard dagegen macht das Smart Home erst richtig smart.

Die drei Grundregeln:

  1. Weniger ist mehr — nur anzeigen, was du wirklich brauchst. Nicht jeder Sensor muss sichtbar sein
  2. Logische Gruppierung — nach Raum oder Funktion, nicht nach Integrationstyp
  3. Auf einen Blick — der aktuelle Zustand muss sofort erkennbar sein, ohne zu scrollen oder zu klicken

Dashboard-Typen in Home Assistant

Home Assistant bietet verschiedene Dashboard-Layouts. Die Wahl des richtigen Typs ist der erste Schritt.

Sections (empfohlen seit 2024)

Der neueste Dashboard-Typ. Grid-basiert, Drag-and-Drop, moderne Optik. Das ist der Weg, den Home Assistant aktiv weiterentwickelt und der die meisten neuen Features bekommt.

Vorteile:

  • Drag-and-Drop Positionierung
  • Responsive: passt sich automatisch an Bildschirmgröße an
  • Sections als logische Gruppierung
  • Modernes Design

Masonry (klassisch)

Das bisherige Standard-Layout. Cards werden automatisch in Spalten angeordnet wie bei Pinterest. Funktioniert, aber weniger Kontrolle über die exakte Positionierung.

Panel

Zeigt eine einzige Card im Vollbild an. Nützlich für:

  • Kamera-Live-View
  • Grundriss-Ansicht
  • Große Karten oder Grafiken

Empfehlung: Starte mit Sections. Es ist das modernste Layout und wird aktiv weiterentwickelt.

Dein erstes Dashboard erstellen

Schritt 1: Dashboard anlegen

  1. Gehe zu Übersicht in der Seitenleiste
  2. Klicke auf das Drei-Punkte-Menü (oben rechts) → Dashboard bearbeiten
  3. Oder: Einstellungen → Dashboards → Dashboard hinzufügen
  4. Name vergeben (z.B. „Zuhause”)
  5. Typ: Sections auswählen
  6. Icon wählen (z.B. mdi:home)
  7. Erstellen

Schritt 2: Sections anlegen

Sections sind deine Hauptbereiche — die logischen Blöcke deines Dashboards. Typische Aufteilung:

Option A: Nach Räumen

  • 🛋️ Wohnzimmer
  • 🍳 Küche
  • 🛏️ Schlafzimmer
  • 🚿 Bad
  • 🏠 Flur

Option B: Nach Funktion

  • 💡 Beleuchtung
  • 🌡️ Klima
  • 🔌 Energie
  • 🔒 Sicherheit
  • ⚙️ System

Option C: Hybrid (empfohlen)

  • Hauptansicht mit den wichtigsten Räumen
  • Separate Seiten für Energie und System

Schritt 3: Cards hinzufügen

Klicke in einer Section auf + Card hinzufügen und wähle den passenden Card-Typ.

Die wichtigsten Card-Typen

Tile Card — der Standard

Die vielseitigste Card. Zeigt Entity-Status, lässt sich ein-/ausschalten, hat Slider für Helligkeit oder Temperatur.

type: tile
entity: light.wohnzimmer_decke
name: Deckenlampe
features:
  - type: light-brightness
  - type: light-color-temp

Verwende Tile Cards als Basis für alles. Sie sehen gut aus, skalieren auf jeder Bildschirmgröße und bieten die wichtigsten Funktionen direkt in der Card.

Entities Card — kompakte Listen

Perfekt für Übersichten, wenn du viele Entities in wenig Platz darstellen willst:

type: entities
title: Wohnzimmer
show_header_toggle: true
entities:
  - entity: light.wohnzimmer_decke
    name: Deckenlampe
  - entity: light.wohnzimmer_stehlampe
    name: Stehlampe
  - entity: switch.wohnzimmer_tv
    name: TV
  - type: divider
  - entity: sensor.wohnzimmer_temperatur
    name: Temperatur
  - entity: sensor.wohnzimmer_luftfeuchtigkeit
    name: Luftfeuchtigkeit

Der show_header_toggle erlaubt es, alle Entities mit einem Klick ein-/auszuschalten.

Gauge Card — Werte visualisieren

Kreisförmige Anzeige für Messwerte. Ideal für Temperatur, Luftfeuchtigkeit oder Verbrauch:

type: gauge
entity: sensor.wohnzimmer_temperatur
name: Temperatur
min: 10
max: 35
needle: true
severity:
  green: 18
  yellow: 26
  red: 30
segments:
  - from: 10
    color: "#0000ff"
  - from: 18
    color: "#00ff00"
  - from: 26
    color: "#ffff00"
  - from: 30
    color: "#ff0000"

History Graph Card — Verlauf anzeigen

Zeigt den Verlauf eines Sensors über die Zeit. Perfekt für Trends:

type: history-graph
entities:
  - entity: sensor.stromverbrauch_gesamt
    name: Verbrauch
  - entity: sensor.wohnzimmer_temperatur
    name: Temperatur
hours_to_show: 24

Conditional Card — nur wenn relevant

Zeige Cards nur, wenn ein bestimmter Zustand vorliegt. Spart Platz und reduziert visuelles Rauschen:

type: conditional
conditions:
  - condition: state
    entity: binary_sensor.waschmaschine
    state: "on"
card:
  type: tile
  entity: binary_sensor.waschmaschine
  name: "🧺 Waschmaschine läuft!"
  color: blue

So taucht die Waschmaschine nur auf, wenn sie läuft — statt permanent Platz zu verschwenden.

Weitere nützliche Cards

  • Button Card: Große Taster für häufige Aktionen
  • Sensor Card: Einzelner Sensorwert mit Sparkline-Graph
  • Area Card: Zeigt alle Entities eines Raums mit Kamerabild
  • Map Card: Standorte von Personen auf einer Karte
  • Statistics Graph: Langzeit-Statistiken (Tage, Wochen, Monate)

HACS Cards — das Dashboard aufwerten

HACS (Home Assistant Community Store) bietet hunderte Community-Cards, die das Dashboard auf ein neues Level heben.

Mushroom Cards (Pflicht-Installation)

Die beliebteste Community-Card-Sammlung. Modernes Design, viele Varianten:

  1. HACS → Frontend → Mushroom suchen → Installieren
  2. Browser-Cache leeren (Strg+Shift+F5)
  3. Cards stehen sofort zur Verfügung
type: custom:mushroom-light-card
entity: light.wohnzimmer_decke
name: Deckenlampe
show_brightness_control: true
show_color_control: true
layout: horizontal

Beliebte Mushroom Cards:

  • mushroom-light-card — Lichter mit Brightness-Slider
  • mushroom-climate-card — Thermostate mit Temperaturregler
  • mushroom-entity-card — Universal für alle Entities
  • mushroom-chips-card — Kompakte Status-Chips (Personen, Wetter, Alarm)
  • mushroom-template-card — Frei gestaltbar mit Templates

Mini Graph Card

Kompakte Graphen direkt in Cards:

type: custom:mini-graph-card
entities:
  - entity: sensor.wohnzimmer_temperatur
    name: Temperatur
  - entity: sensor.wohnzimmer_luftfeuchtigkeit
    name: Feuchtigkeit
    y_axis: secondary
hours_to_show: 24
line_width: 2

Weitere empfehlenswerte HACS Cards

  • Button Card (custom): Extrem anpassbare Buttons mit Templates und CSS
  • Swipe Card: Zwischen Cards wischen (Platzsparer auf dem Handy)
  • Layout Card: Mehr Kontrolle über das Grid-Layout
  • Stack in Card: Mehrere Cards optisch als eine darstellen

HACS installieren

Falls du HACS noch nicht hast — so geht’s:

  1. Terminal & SSH Add-on installieren und starten
  2. Im Terminal ausführen: 
    wget -O - https://get.hacs.xyz | bash -
  3. Home Assistant neu starten
  4. Einstellungen → Geräte & Dienste → Integration hinzufügen → HACS
  5. GitHub-Account verknüpfen (HACS braucht einen GitHub-Token)
  6. Fertig — HACS erscheint in der Seitenleiste

Badges — Statuszeile oben

Badges sind die kleinen Anzeigen oben im Dashboard. Perfekt für Informationen, die immer sichtbar sein sollen:

  • 🌡️ Außentemperatur
  • 👥 Anwesende Personen
  • 🪟 Offene Fenster/Türen
  • ⚡ Aktueller Stromverbrauch
  • 🚨 Aktive Alarme
badges:
  - entity: sensor.aussentemperatur
  - entity: zone.home
  - entity: sensor.offene_fenster
  - entity: sensor.stromverbrauch_aktuell

Themes — das Aussehen anpassen

Eingebaute Themes

Unter Profil (unten links) → Theme kannst du zwischen Hell und Dunkel wechseln.

Community Themes über HACS

Beliebte Themes:

  • Catppuccin — modern, angenehme Pastellfarben, sehr beliebt
  • iOS Theme — Apple-Optik für iPhone-Feeling
  • Google Theme — Material Design 3
  • Noctis — Dunkles Theme mit gutem Kontrast
  • Mushroom — passt perfekt zu den Mushroom Cards

Installation: HACS → Frontend → nach Theme-Name suchen → Installieren → unter Profil aktivieren.

Mobile Optimierung

Die meisten nutzen Home Assistant am Handy. Beachte:

  • Tile Cards skalieren gut auf kleinen Bildschirmen
  • Sections passen sich automatisch an die Breite an
  • Vermeide zu viele Spalten — auf dem Handy wird alles untereinander gestapelt
  • Teste dein Dashboard in der Companion App (iOS/Android) — die Webansicht und die App können leicht unterschiedlich rendern
  • Sidebar anpassen: Profil → Dashboard-Seitenleiste → nicht benötigte Einträge ausblenden
  • Standardansicht setzen: Unter Dashboards das Haupt-Dashboard als Standard festlegen

Tablet-Dashboard (z.B. Wandtablet)

Für ein Tablet an der Wand empfehle ich:

  • Panel-Dashboard mit einer großen Area Card oder Floor Plan
  • Kiosk-Modus über HACS (kiosk-mode) — blendet Header und Sidebar aus
  • Fully Kiosk Browser (Android) — startet automatisch, Always-On-Display

Ordnung schaffen — Best Practices

1. Ein Dashboard pro Kontext

Nicht alles in ein Dashboard stopfen:

  • Haupt-Dashboard: Tägliche Steuerung, Raumübersicht
  • Energie-Dashboard: Nutze das eingebaute Energie-Dashboard! (Einstellungen → Dashboards → Energie)
  • Admin-Dashboard: System-Status, Updates, Logs, Netzwerk-Geräte

2. Sprechende Namen vergeben

Nicht light.0x00158d0007abc123 sondern light.wohnzimmer_stehlampe. Unter Einstellungen → Geräte & Dienste → Entitäten umbenennen.

3. Areas konsequent nutzen

Weise alle Geräte einem Raum (Area) zu. Das ermöglicht:

  • Area Cards im Dashboard
  • „Schalte alles im Wohnzimmer aus” per Sprachassistent
  • Bessere Organisation in der Geräteübersicht

4. Weniger Buttons, mehr Automationen

Ein gutes Smart Home braucht wenige manuelle Eingriffe. Wenn du ständig Buttons drücken musst, fehlt eine Automation.

Beispiel: Minimalistisches Dashboard

views:
  - type: sections
    title: Zuhause
    badges:
      - entity: sensor.aussentemperatur
      - entity: zone.home
    sections:
      - type: grid
        title: Wohnzimmer
        cards:
          - type: custom:mushroom-light-card
            entity: light.wohnzimmer_decke
            show_brightness_control: true
          - type: custom:mushroom-light-card
            entity: light.wohnzimmer_stehlampe
            show_brightness_control: true
          - type: custom:mushroom-climate-card
            entity: climate.wohnzimmer
            show_temperature_control: true
          - type: sensor
            entity: sensor.wohnzimmer_temperatur
            graph: line
      - type: grid
        title: Energie
        cards:
          - type: gauge
            entity: sensor.stromverbrauch_aktuell
            name: Aktuell
            min: 0
            max: 5000
          - type: sensor
            entity: sensor.stromverbrauch_heute
            name: Heute

Häufige Fehler

  1. Zu viele Cards: Lieber 10 wichtige als 50 die man nie anschaut
  2. Keine Conditional Cards: Waschmaschinen-Status permanent anzeigen, obwohl sie 23h am Tag aus ist
  3. Default-Namen: sensor.0x158d0007abc123_humidity statt sensor.bad_luftfeuchtigkeit
  4. Kein Energie-Dashboard: Das eingebaute Energie-Dashboard ist großartig — nutze es!
  5. Zu viele Themes/Custom-Cards: Jede HACS-Card ist eine zusätzliche Abhängigkeit, die bei Updates brechen kann

Weiterführende Artikel

Fazit

Ein gutes Dashboard braucht keine Raketenwissenschaft. Fang einfach an: Ein Section-Dashboard, die wichtigsten Geräte als Tile Cards, logisch nach Räumen gruppiert. Dann schrittweise verfeinern — Mushroom Cards für die Optik, Conditional Cards für weniger Rauschen, und ein Theme das dir gefällt.

Das Wichtigste: Dein Dashboard muss für dich funktionieren. Nicht für Instagram, nicht für Reddit — für deinen Alltag. Wenn du und deine Mitbewohner es gerne nutzen, hast du alles richtig gemacht.