Mooiere Home Assistant dashboards met Mushroom Cards

Wat zijn Mushroom Cards?

Als je Home Assistant al een tijdje gebruikt, ken je ongetwijfeld de standaard Lovelace kaarten. Ze werken prima, maar ogen wat basic. Mushroom Cards brengen daar verandering in: strak, modern en volledig aanpasbaar aan jouw stijl.

Mushroom Cards is een open-source collectie van aangepaste kaarten voor het Home Assistant Lovelace dashboard, ontwikkeld en onderhouden door de community. Het pakket bevat meer dan twaalf kaarttypen, elk ontworpen voor een specifieke use case — van lampen en klimaat tot personen en mediaspelers. De kaarten ondersteunen zowel licht- als donker thema en zijn volledig responsief.

Installatie via HACS

De eenvoudigste manier om Mushroom Cards te installeren is via HACS (Home Assistant Community Store). Als je HACS nog niet hebt, installeer dat dan eerst via de officiële HACS documentatie op hacs.xyz.

1. Open HACS in je Home Assistant zijbalk
2. Ga naar Frontend
3. Klik op Verkennen & downloaden
4. Zoek op "Mushroom"
5. Selecteer Mushroom en klik op Downloaden
6. Vernieuw je browser (Ctrl+F5)

Na de installatie zijn de kaarten direct beschikbaar in de kaarteditor. Je herkent ze aan het prefix mushroom-.

Mushroom Chip Cards: de statusbalk

De mushroom-chips-card is een van de meest gebruikte kaarten. Het toont een horizontale rij van kleine, pill-vormige chips — ideaal voor een snel statusoverzicht bovenaan je dashboard.

Elke chip kan een entiteit, sjabloon, weer of navigatielink weergeven. Een eenvoudige configuratie:

type: custom:mushroom-chips-card
chips:
  - type: entity
    entity: alarm_control_panel.home
    icon_color: red
  - type: entity
    entity: sensor.lampen_aan
    icon: mdi:lightbulb-group
    icon_color: amber
  - type: weather
    entity: weather.thuis
  - type: entity
    entity: person.roy

De kaarttypen uitgelegd

Mushroom Cards biedt voor elk domein een gespecialiseerde kaart. Een overzicht van de meest gebruikte:

• mushroom-entity-card — De meest veelzijdige kaart. Geeft de staat van elke entiteit weer met een pictogram, naam en status.
• mushroom-light-card — Speciaal voor lampen. Houd de kaart ingedrukt voor helderheid, kleurtemperatuur en kleurkiezer in een uitklapbaar paneel.
• mushroom-climate-card — Voor thermostaten. Toont de huidige en gewenste temperatuur met modi-knoppen.
• mushroom-person-card — Toont de locatie van een persoon met avatar en badge (thuis, werk, onderweg).
• mushroom-media-player-card — Compacte mediaspeler met afspeelknoppen en volumebeheer.
• mushroom-cover-card — Voor rolluiken en gordijnen, met open/sluit/stop-bediening.
• mushroom-template-card — De meest flexibele kaart: met Jinja2-sjablonen pas je elke eigenschap dynamisch aan.

Dashboard voorbeeld

Zo ziet een volledig Mushroom Cards dashboard eruit, met kaarten voor verlichting, klimaat, beveiliging, aanwezigheid, energie en media:

Dynamische kleuren met de template-kaart

Een van de krachtigste functies is het dynamisch aanpassen van kleuren op basis van sensorwaarden. Met de mushroom-template-card en Jinja2-sjablonen maak je pictogramkleuren afhankelijk van de staat van een entiteit:

type: custom:mushroom-template-card
primary: "{{ states('sensor.buitentemperatuur') }}°C"
secondary: Buitentemperatuur
icon: mdi:thermometer
icon_color: >
  {% if states('sensor.buitentemperatuur') | float < 5 %}
    blue
  {% elif states('sensor.buitentemperatuur') | float > 25 %}
    red
  {% else %}
    green
  {% endif %}

Tips voor een professioneel dashboard

• Chips bovenaan — Zet altijd een mushroom-chips-card bovenaan elke dashboardpagina voor een direct statusoverzicht.
• Consistente kleurcodering — Gebruik vaste kleuren per domein: amber voor verlichting, blauw voor klimaat, groen voor aanwezigheid en beveiliging.
• Tap actions — Gebruik tap_action, hold_action en double_tap_action voor snelle bediening zonder overbodige popups.
• Grid layout — Combineer Mushroom Cards met de grid-layout voor een strak, symmetrisch overzicht. Gebruik grid-template-columns: repeat(3, 1fr) voor drie kolommen.
• Collapsible controls — Gebruik collapsible_controls: true op lichtkaarten om de schuifregelaars verborgen te houden totdat je de kaart ingedrukt houdt.

Conclusie

Mushroom Cards transformeert je Home Assistant dashboard van functioneel naar professioneel. De kaarten zijn snel geïnstalleerd via HACS, rijkelijk configureerbaar en zien er op elk scherm — desktop, tablet of telefoon — uitstekend uit. Als je maar één add-on voor je Lovelace dashboard installeert, laat het dan Mushroom Cards zijn.