My take on Apple Home Dashboard Design for Home Assistant.
I'm running Home Assistant OS Supervised VM hosted on a NAS DS920+. The Wall Mount tablet is a FireHD 10 from amazon running Fully Kiosk Browser.
See interaction on Youtube https://www.youtube.com/watch?v=zyPGEAOFoiQ
This is the keyplan for the layout.
The code for the custom:grid-layout can be edited within homeplay.yaml
- Dynamic Dual Tone Icon
- Climat chips will change color based on heating or cooling
- SVG Icons can be found under button_card_template/icon-svg-dualtone.yaml
- Heavy use of template that are found in button_card_template directory
- Popup for battery level (more to come)
These custom button are integrated in a custom:hui-element – horizontal stack center to the screen.
Weather background change based on condition and day/night (screenshot from weather app). The background can be found in www/weather folder. I’m using the weather code from the Montréal Environnement Canada Integration and a Value template in configuration.yaml to differentiate between day and night.
One example: The high and low temperature in the card use a value template as well to format properly
- Calendar Card from Atomic Calendar.
- Heavily modified with Card Mod.
- Multiple floor by swaping or using the level button
- Image change based on day and night
- The floor plan have been designed in Sweet Home 3D and edited.
Ensure to install those custom card before using this configuration via HACS
- Lovelace-Layout-Card by Thomas loven.
- Swipe-card by Bram Kragten.
- Button-card by RomRider.
- Lovelace-Card-mod by Thomas loven
- Atomic Calendar Revive by marksie1988
- Kiosk Mode by NemesisRE
- Clock weather card by pkissling
- Fontawesome by Thomas loven.
- Browser_mod by Thomas loven.
- inspired by the great work of Mattias Persson & lukevink
If you'd like to support me and future projects:
🌟 Star my repo, if you like what you see :)
