--- title: "M3 Cards" description: "M3 Cards is a dashboard card for Home Assistant. It has 52 GitHub stars and was last updated October 20, 2026." canonical: "https://vulpo.app/integrations/cards/j0sp0r-m3-cards" url: "https://vulpo.app/integrations/cards/j0sp0r-m3-cards.md" last-updated: "2026-10-26" version: "1.4" --- # M3 Cards > M3 Cards is a dashboard card for Home Assistant. It has 52 GitHub stars and was last updated October 20, 2026. M3 Cards is a set of Material 3-inspired dashboard cards for Home Assistant, built natively without button-card or card-mod. A single bundle registers 44 cards that share one design language, grouped by topic such as energy, climate, lighting and media, presence and safety, household, and system maintenance. The cards have a frosted glass look that can be turned off for solid themes, and mode pills animate their shape when selected. Climate cards include a temperature stepper that takes its step size and limits from the entity, plus optional external sensors, window and battery chips, and preset support. Every card has a graphical editor, so YAML is not required, and card height can be set to match tiles in stacks and grids. String fields in each card accept Jinja2 templates that update live over the websocket, which avoids template-sensor helpers. It installs through the Marketplace or by adding the bundle file manually, and the project is marked as beta. Automatic summary of the README of j0sp0r/m3-cards. Something wrong, or are you the maintainer and want your own text here? [Get in touch](https://vulpo.app/contact) [Open in My Home Assistant](https://my.home-assistant.io/redirect/hacs_repository/?owner=j0sp0r&repository=m3-cards&category=plugin) On Home Assistant 2026.11 or newer? [Open it in the Marketplace](https://my.home-assistant.io/redirect/marketplace_repository/?owner=j0sp0r&repository=m3-cards&category=plugin) ## Supports - **From the Marketplace**: Installed through the Marketplace, formerly HACS. - **Actively maintained**: Its author released or pushed a change in the last six months. ## Setting it up Install it from the Marketplace, then add a card of this type to a dashboard. ## From the 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 From the README of [j0sp0r/m3-cards](https://github.com/j0sp0r/m3-cards#readme), [MIT License](https://spdx.org/licenses/MIT.html). Shortened. ## At a glance - Kind: Dashboard card - Number: 52 GitHub stars - Connection: Connection not stated - Upkeep: Updated in the last 6 months - Needs: Needs the Marketplace (HACS on 2026.10 and older) - Latest version: v2.5.0, last updated October 20, 2026 - Source: - Issues: - Screenshot: https://vulpo.app/integrations-img/62136353f11fed10.webp (from j0sp0r/m3-cards's README) - Screenshot: https://vulpo.app/integrations-img/806392f859494cf0.webp (from j0sp0r/m3-cards's README) - Screenshot: https://vulpo.app/integrations-img/759eae2aecf6959c.webp (from j0sp0r/m3-cards's README) Independent directory, made by the developer of Vulpo. Not affiliated with Home Assistant or the Open Home Foundation. [About these numbers](https://vulpo.app/integrations/about) Last updated 2026-10-26. Source: https://vulpo.app/integrations/cards/j0sp0r-m3-cards --- - HTML version of this page: https://vulpo.app/integrations/cards/j0sp0r-m3-cards - Site index for agents: https://vulpo.app/llms.txt - Everything in one document: https://vulpo.app/llms-full.txt - All pages: https://vulpo.app/sitemap.xml