A modern Home Assistant dashboard built on Material Design 3 (MD3) principles. It features a dynamic, transparent, and adaptive card layout with a sleek, clean UI for an elegant smart home experience. This is a complete dashboard that brings together lights, switches, temperature and humidity, rainfall, wind, weather forecasts, alarms, Hue scenes, cameras, heat pumps, door/window sensors, and more—all in one cohesive design.
v3.1.2 full_yaml was updated to match the new card spec from Lovelace Material Component, as the previous version has been deprecated.
🎨 MD3 Theme Engine
Unlock unlimited color combinations with a simple color picker — thanks to the amazing work of Material You Theme repository.
👥 Per-User Styling
Each family member can have their own unique style and colors. Perfect for customizing your phone, tablets, and shared devices.
📱 UI Components
- Tab Navigations
- Light button sliders
- Other custom buttons
- Waterfall temp/humidity graphs
- Pop-up cards
- Tabs & swipe cards
- Expanders
- Gesture navigation
💡Community Inspired
Several cards are inspired by the incredible work of others in the Home Assistant community. Credit will be detailed below.
🖼️ Screenshots
Card Related Stuffs:
- Alarmo Card
- Apex Charts Card-
- Clock Weather Card HUI Icons
- Bubble Card
- Button-Card
- Calendar Card Pro
- Expander-Card
- LLM Vision Card
- Mini-Graph-Card
- Mushroomn
- Navbar Card
- Timer Bar Card
- Web RTC Camera
Theming / ETC:
- Auto-Entities
- Card-Mod
- Config Template Card
- Decluttering Card
- Home Assistant Swipe Navigation
- Kiosk Mode
- Layout-Card
- Lovelace Material Compoonents - New in v3.1.0
- Material Symbols - New in v3.1.0
- Material You Theme
- Material You Utilities
- My Cards Bundle
- Paper Buttons Row
- Stack In Card
- Scene Presets
- Simple Swipe Card
- Simple Tabs Card
- Vertical Stack In Card
Weather Related:
Removed in v3.1.0:
- Create a blank dashboard to start fresh (optional) or copy some part of the codes or full codes from full_YAML into your Home Assistant dashboard.
- Install the required HACS components (such as simple swipe card, stack-in-card, popup-card, etc. — see your setup for what’s needed).
- You need to adjust the navbar card directory to suit your current dashboard (if you don't start fresh).
- To unlock the full functionality (like weather icons, notification counts, and more), you’ll need to add the corresponding sensors to your config.
- For the Hue scene, you'll need to have the automation, scripts, input boolean, input text, and input number in your system that you can find in hue asset folder. For the images, you can get them from here.
- Apply the MD3 theme and select your preferred colors. It is accessible from Overview page > More > Theme Icon
- Select the Transparent option in Card Type to get the wide-system transparent cards
-
Enjoy your personalized dynamic dashboard! 🎉
-
Set the companion app to full screen (optional)
This project builds upon the work of:
- Nerwyn – Material You Theme & Material You Utilities
- MySmartHome - for the new simple tabs card, button cards styling, sliders, etc
- Other community members who kindly shared their cards
- Background Creator
If you want to hire me to make your personal dashboard, you can hit me up in Reddit
Or you support me on Ko-fi. Your support helps me keep creating and sharing more awesome open-source tools! ✨
Thank you for being part of this journey 🚀