M3 Cards voor Home Assistant (dashboardkaart)

Screenshots Uit de README van j0sp0r/m3-cards.

Climate Card: tiles vs expressive style (light theme)

Over dit item

M3 Cards is een set dashboardkaarten voor Home Assistant, geïnspireerd op Material 3 en native gebouwd zonder button-card of card-mod. Eén bundel registreert 44 kaarten met dezelfde ontwerptaal, gegroepeerd per onderwerp zoals energie, klimaat, verlichting en media, aanwezigheid en veiligheid, huishouden en systeemonderhoud. De kaarten hebben een matglazen uiterlijk dat je kunt uitzetten voor effen thema's, en modeknoppen animeren hun vorm wanneer ze worden geselecteerd. Klimaatkaarten bevatten een temperatuurregelaar die de stapgrootte en de grenzen van de entiteit overneemt, plus optionele externe sensoren, raam- en batterijchips en ondersteuning voor presets. Elke kaart heeft een grafische editor, dus YAML is niet nodig, en de hoogte van een kaart kan worden ingesteld zodat die overeenkomt met tegels in stacks en rasters. Tekstvelden in elke kaart accepteren Jinja2-templates die live worden bijgewerkt via de websocket, waardoor je geen template-sensorhelpers nodig hebt. Je installeert het via de Marketplace of door het bundelbestand handmatig toe te voegen, en het project is gemarkeerd als bèta.

Automatische samenvatting van de README van j0sp0r/m3-cards, automatisch vertaald. Klopt er iets niet, of ben je de maintainer en wil je hier je eigen tekst tonen? Neem contact op

Ondersteunt

Uit de Marketplace Wordt geïnstalleerd via de Marketplace, voorheen HACS.
Actief onderhouden De auteur heeft in de afgelopen zes maanden een release of wijziging gepubliceerd.

Instellen

Installeer de kaart vanuit de Marketplace en voeg daarna een kaart van dit type toe aan een dashboard.

Uit de README

⚠️ Beta: This project is new and under active development. Configuration options may still change between versions — please file an issue if you run into something.
Material 3–inspired, native Lovelace cards for Home Assistant — built with TypeScript + Lit, without any dependency on button-card, card-mod, mod-card, or stack-in-card. A single bundle (m3-cards.js) registers 44 cards, all sharing one design language.
Frosted glass card look (can be turned off for solid themes), shared design language across all cards
Mode pills with shape-morph animation (round → rounded rectangle)
Temperature stepper with step size/limits taken from the entity
Optional external temperature/humidity sensors, window and battery chips
Preset support (tap to cycle, as its own row or as a pill in the mode row)
Configurable card height + full height matching in horizontal-stack/grid layouts for tiles of exactly equal height
Full graphical editor (no YAML required) — modeled after the native tile card editor, with a unified appearance panel (corner-radius presets, per-corner overrides) across every card
unavailable handling without crashing: values shown as "–", controls dimmed
Localized in German/English (follows hass.locale.language)
Accessible: every interactive element is keyboard-reachable (Tab/Enter/Space) with a visible focus ring and aria-label
Old configs (e.g. animations: true/false) are migrated to the current schema automatically on load — no manual dashboard edits needed

Uit de README van j0sp0r/m3-cards, MIT License. Ingekort.

Informatie

GitHub-sterren: 52
Onderhoud: Bijgewerkt in de afgelopen 6 maanden
Versie: v2.5.0, 20 oktober 2026
Soort: Dashboardkaart
Vereist: Vereist de Marketplace (HACS op 2026.10 en ouder)
Bron: github.com/j0sp0r/m3-cards
Problemen: Probleem melden

Dit vind je misschien ook interessant

Alles bekijken