A modern Home Assistant dashboard built on Material Design 3 (MD3) principles, featuring dynamic colors, transparent and adaptive card layouts, and a sleek, clean UI for an elegant smart home experience.
This comprehensive dashboard unifies control and monitoring for lights, switches, temperature and humidity sensors, rainfall, wind, UV index, radar, weather forecasts, alarms, Hue scenes, cameras, heat pumps, door and window sensors, and irrigation control - all presented in one cohesive, visually refined interface designed for both functionality and aesthetic harmony.
v.6.0.0 brings several new cards and usability improvements. A new Person Card shows who is home or away, while the current weather card has been streamlined into a single-line layout that still preserves most key information. This release also adds a Location Tracker, Battery Monitoring card for real-time sensor battery status, and a WiFi QR scanner for easy guest network access. Lighting controls have been upgraded with custom button cards to apply transparancy, the Curtain card now uses a custom implementation for better performance, and the Hue scene room selector has been expanded to support more rooms. Additionally, Expander cards help keep rooms organized by allowing sections to be collapsed, and new UI animations enhance visual feedback across the dashboard. This update also fixes animation artifacts and improves responsiveness when changing Hue scenes.
I have also readded the full dashboard yaml, one of the most requested feature over the communities.
🎨 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.
💡Community Inspired
Several cards are inspired by the incredible work of others in the Home Assistant community. Credit will be detailed below.
Overview Page
Page Description
The Overview page serves as the central hub for monitoring and controlling most of my smart devices. At the top, it displays a personalized greeting along with the current time, weather conditions, wind speed, and the day’s high and low temperatures.
To the right, there are dedicated Climate, Toggles, Irrigation, and Hue Scene Tab for managing the thermostat, quick toggles,sprinkler systems navigation, and hue scene navigation. Next, there is a weather forecast card to show the temperature range for the next 5 days. Calendar, and Alarmo, with a notification chip for quick alerts, calendar, music, and camera. When no media is playing, the media card switches back to calendar and backyard camera.
Next, the dashboard features Room Cards that provide quick access to thermostat controls, lighting toggles, and the current count of open doors or windows.
Finally, the main page includes four live camera feeds, streaming in real time for immediate visual monitoring.
Components Used:
- Auto-Entities
- Button-Card
- Calendar Card Pro
- Clock Weather Card HUI Icons
- Config Template Card
- Mini-Graph-Card
- Mushroom
- Paper Buttons Row
- Simple Swipe Card
- Simple Tabs Card
- WebRTC
Weather Forecast and Notifications Page
Weather - Notification page combines all my weather information and notifications in one place for quick status updates and alerts.
On the notifications side, I use a variety of conditional cards powered by timers and booleans to make alerts appear only when needed - for example, reminders like “wash duvet”, notifications when the sprinklers are running, or warnings about an open door.
The weather section is designed to be clean and informative. Certain cards - like weather warnings, earthquake alerts, and volcano warnings - remain hidden unless there’s an active event (depending on your local integration). The rest of the display includes detailed weather data, rainfall, UV index, wind conditions, lunar information, and a live radar map, giving me a complete view of current and upcoming conditions.
Components Used:
- Apex Charts Card
- Auto-Entities
- Button-Card
- Custom Card Features
- Lunar Phase Card
- Lunar Phase Integration
- Mushroom
- Simple Swipe Card
- Simple Tabs Card
- World's Air Quality Index
- Weather Card Extended
Individual Room Page
Individual room page provides detailed controls and status information specific to that room. It can show live camera, light, button, and all the other things that we can manipulate in the room.
Components Used:
Hue Scene Page
Page Description
I’ve always loved Philips Hue, but instead of using their bridge, I connect my lights directly through Zigbee2MQTT (Z2M). To recreate the familiar Philips Hue app experience, I use the hass-scene_preset integration from HACS, which lets me simulate Hue’s scene controls and build my own room selector.
All of this comes together thanks to the incredible work of the Hypfer - the mainainer of hass-scene_preset, along with a combination of automations, scripts, input_selects, and booleans that make the whole setup seamless.
Components Used:
Camera Page - Alarm Page
Page Description
I like having all my cameras displayed together on a dedicated page. There are six cameras around the house, and this page gives me a complete live view of them all in one place.
At the top, there are buttons that let me toggle vehicle and person detection automations. Beneath each camera feed, I’ve added light controls, allowing quick adjustments to the nearby lighting directly from the same view.
I also have my Alarmo integration panel, which can be accessed by clicking the Alarmo button on the Overview page. Right next to it, I display the 10 most recent recorded events, each automatically described by LLM Vision - adding a smart, futuristic touch to the camera setup.
Components Used:
Irrigation Page
The Irrigation Page manages my sprinkler system and garden monitoring. I use two Sonoff Smart Valves to control water flow to the sprinklers, supported by several soil sensors that track both temperature and moisture levels.
To visualize performance, I’ve built a custom graph showing water flow trends, and I’ve automated irrigation timers through a combination of automations and scripts, making the watering system efficient and fully autonomous.
Components Used:
Calendar Page
Page Description
The Calendar Page provides a full view of my appointments, events, and schedules in one place. It’s a dedicated page that pulls in data from my linked calendars, giving me an easy way to stay on top of upcoming tasks and daily plans right within Home Assistant.
Components Used:
Extra Cards
Above is an example of lock card.
The above is scene example card with mushroom entity card.
And last one, is a cover card example.
Theme / Layout:
- Material Symbols
- Material You Theme
- Material You Utilities
- Kiosk Mode
- Stack In Card
- Streamline Card
- Vertical Stack In Card
For new user:
- Copy all the code from full dashboard yaml to a new dashboard raw configuration editor to jumpstart your experience.
- Install the required HACS components (such as simple swipe card, stack-in-card, popup-card, etc. - see your setup for what’s needed).
- 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 > Bucket Fill Icon
- Apply wallpaper (optional)
- Set the companion app to full screen (optional)
For existing user:
- Review the streamline_template to see if you want to add / modify the previous version to the new version.
- Choose which card / visuals that you like to be added to your installation by clicking the hyperlink provided in the description above.
- Apply wallpaper (optional)
- 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 tabs button, button cards styling, sliders, etc
- Other community members who kindly shared their cards
If you want to hire me to make your personal dashboard, you can hit me up on one of these social media platforms below:
Or you can 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 🚀
