🏠 Introducing Material Home Assistant

🏠 Material Home Assistant

✨ Bring the Google Home app experience (Material Expressive 3) directly into Home Assistant


Hello everyone! :house:

Many of you have been looking for a way to combine the power and flexibility of Home Assistant with the clean, intuitive, and modern interface of the Google Home app.

It is from this very idea that Material Home Assistant was bornβ€”a suite of custom cards and dialogs that implement Material Expressive 3 design principles to deliver a cohesive, elegant, and fully responsive dashboard. It is optimized for any device: from smartphones and wall-mounted tablets to full-sized PC screens.

We are thrilled to announce the launch of the brand-new version v3.0.0, now managed through our new official integration! To ensure the long-term sustainability of the project, the ecosystem is now split into three tiers: Free, Pro, and Ultimate.


:artist_palette: Discover the Tiers and Included Components

Here is what each level includes, complete with visual previews to help you choose the perfect setup for your home:

:free_button: Free Plan (Free forever)

The core design remains accessible to everyone. It includes the essential cards to build a modern dashboard:

:package: Installation Guide (Free Version)

If you have HACS installed, click the button below to add the repository directly:

My Home Assistant

Next, simply install the plugin from the HACS Frontend screen.

More information and alternative installation methods (local file or CDN) are available on our Official Documentation.

:camera_with_flash: Base Modules Preview (Free)

:sun: Light Mode (Dashboard Card)

:crescent_moon: Dark Mode (Dashboard Card)

:sun: Light Mode (Button Card)

:crescent_moon: Dark Mode (Button Card)

:sun: Light Mode (Slider Card)

:crescent_moon: Dark Mode (Slider Card)

:sun: Light Mode (Climate Card)

:crescent_moon: Dark Mode (Climate Card)

Many more previews are available here: Website Previews


:rocket: Pro Plan (Advanced Features)

Designed for those who want to push Lovelace to its absolute limits with dynamic logic and extra components:

:package: Installation Guide (Paid Version)

:warning: IMPORTANT FOR THOSE UPDATING: If you are migrating from previous versions or want to activate a Premium tier, it is mandatory to completely remove the free version of the cards before installing the paid integration.

Keeping both versions installed simultaneously will cause layout conflicts or prevent modules from loading properly.

If you have HACS installed, click the button below to add the integration repository directly:

My Home Assistant

Next, simply install the integration from your HACS interface.

More information and alternative installation methods are available on our Official Documentation.

:camera_with_flash: Advanced Modules Preview (Pro)

:sun: Light Mode (Options Card)

Lights Light

:crescent_moon: Dark Mode (Options Card)

Lights Dark

:sun: Light Mode (Alarm Card)

:crescent_moon: Dark Mode (Alarm Card)

:sun: Light Mode (Media Card)

:crescent_moon: Dark Mode (Media Card)

Many more previews are available here: Website Previews


:crown: Ultimate Plan (The Definitive Experience)

The complete package featuring all advanced system dialogs and interactive pop-ups for a 100% integrated home experience:

:camera_with_flash: Interactive Overlays Preview (Ultimate)

:sun: Light Mode (Dialog Card)

:crescent_moon: Dark Mode (Dialog Card)

:sun: Light Mode (Popup Card)

:crescent_moon: Dark Mode (Popup Card)

:sun: Light Off (Light Dialog)

:sun: Light On (Light Dialog)

:crescent_moon: Dark Off (Light Dialog)

:crescent_moon: Dark On (Light Dialog)

:sun: Light Mode (Alarm Dialog)

:crescent_moon: Dark Mode (Alarm Dialog)

:gear: How does the backend integration work?

Starting from version 3.0.0, managing the entire ecosystem has become incredibly straightforward:

  1. :magic_wand: Configuration Wizard: A graphical assistant built right into the Home Assistant UI that guides you step-by-step through activating your license token, checking dependencies, and handling the automated installation.

  2. :counterclockwise_arrows_button: Automatic Resource Management: Say goodbye to manually adding Lovelace resources in your dashboard panel; the integration injects and manages everything behind the scenes.

  3. :high_voltage: Instant, Automated Updates: Through the official integration, all component updates are handled instantly and automatically, ensuring you always have the latest features and fixes without lifting a finger.

:e_mail: Important Registration Note: When purchasing a plan or configuring your license on the website, please make sure to use a valid and real email address. This is absolutely critical for managing your account, keeping track of subscriptions, and securely receiving your personal access token.

:warning: Note for existing users: If you are currently using the older, free standalone version of the cards, you must completely remove the free version before setting up the token integration to prevent browser-side script conflicts and ensure all Pro/Ultimate features load properly.


:books: Choose your plan and get started!

Licensing options are flexible and securely processed via Stripe, offering Monthly subscriptions, Yearly value plans, or Lifetime One-Time purchases:

Pricing Plans

This project is actively developed with a lot of passion by a team of two developers. Drop a comment below to let us know what you think, which cards you are loving the most, or what new integrations you would like to see in the coming releases!

Material Home Assistant is an independent project and is not affiliated with, endorsed by, or sponsored by Google. 'Google Home' and 'Material Design' are trademarks or registered trademarks of Google LLC.

2 Likes