M3 Cards für Home Assistant (Dashboard-Karte)

Screenshots Aus der README von j0sp0r/m3-cards.

Climate Card: tiles vs expressive style (light theme)

Überblick

M3 Cards ist eine Sammlung von Dashboard-Karten für Home Assistant, die sich an Material 3 orientieren und nativ ohne button-card oder card-mod gebaut sind. Ein einziges Bundle registriert 44 Karten mit einer gemeinsamen Designsprache, gruppiert nach Themen wie Energie, Klima, Beleuchtung und Medien, Anwesenheit und Sicherheit, Haushalt sowie Systemwartung. Die Karten haben einen Milchglas-Look, der sich für einfarbige Themes abschalten lässt, und Modus-Pillen animieren ihre Form, wenn sie ausgewählt werden. Zu den Klima-Karten gehört ein Temperaturregler mit Schritten, dessen Schrittweite und Grenzen von der Entität stammen, dazu optionale externe Sensoren, Fenster- und Batterie-Chips sowie Unterstützung für Voreinstellungen. Jede Karte hat einen grafischen Editor, daher ist YAML nicht nötig, und die Kartenhöhe lässt sich so einstellen, dass sie zu Kacheln in Stapeln und Rastern passt. Textfelder in jeder Karte akzeptieren Jinja2-Templates, die sich live über den Websocket aktualisieren, wodurch Template-Sensor-Helfer entfallen. Die Installation erfolgt über den Marketplace oder durch manuelles Hinzufügen der Bundle-Datei, und das Projekt ist als Beta gekennzeichnet.

Zusammenfassung der README von j0sp0r/m3-cards, automatisch erstellt und übersetzt. Stimmt etwas nicht, oder betreust du das Projekt und möchtest hier deinen eigenen Text? Melde dich

Unterstützt

Aus dem Marketplace Wird über den Marketplace installiert, früher HACS.
Aktiv gepflegt Das Projekt hat in den letzten sechs Monaten eine neue Version oder Änderung veröffentlicht.

Einrichtung

Installiere sie aus dem Marketplace und füge dann eine Karte dieses Typs zu einem Dashboard hinzu.

Aus der 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

Aus der README von j0sp0r/m3-cards, MIT License. Gekürzt.

Informationen

GitHub-Sterne: 52
Pflege: In den letzten 6 Monaten aktualisiert
Version: v2.5.0, 20. Oktober 2026
Art: Dashboard-Karte
Voraussetzung: Braucht den Marketplace (HACS bis Home Assistant 2026.10)
Quelle: github.com/j0sp0r/m3-cards
Probleme: Problem melden

Das könnte dir auch gefallen

Alle ansehen