{"id":13569893,"url":"https://github.com/matt8707/hass-config","last_synced_at":"2025-05-14T11:11:28.081Z","repository":{"id":37267440,"uuid":"233306241","full_name":"matt8707/hass-config","owner":"matt8707","description":"✨ A different take on designing a Lovelace UI (Dashboard)","archived":false,"fork":false,"pushed_at":"2024-08-13T14:01:16.000Z","size":52880,"stargazers_count":5004,"open_issues_count":2,"forks_count":679,"subscribers_count":170,"default_branch":"master","last_synced_at":"2025-04-09T01:27:23.503Z","etag":null,"topics":["assistant","grid-layout","home"],"latest_commit_sha":null,"homepage":"https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/162594","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/matt8707.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-01-11T22:31:07.000Z","updated_at":"2025-04-07T09:43:09.000Z","dependencies_parsed_at":"2023-02-10T12:31:05.186Z","dependency_job_id":"769c3634-9115-4bca-92be-11026e75fc8e","html_url":"https://github.com/matt8707/hass-config","commit_stats":{"total_commits":1074,"total_committers":7,"mean_commits":"153.42857142857142","dds":0.3100558659217877,"last_synced_commit":"03ace4270830b6925f63380fdbf035aa1867fb40"},"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matt8707%2Fhass-config","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matt8707%2Fhass-config/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matt8707%2Fhass-config/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matt8707%2Fhass-config/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/matt8707","download_url":"https://codeload.github.com/matt8707/hass-config/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254129523,"owners_count":22019628,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["assistant","grid-layout","home"],"created_at":"2024-08-01T14:00:45.579Z","updated_at":"2025-05-14T11:11:23.070Z","avatar_url":"https://github.com/matt8707.png","language":"CSS","funding_links":[],"categories":["CSS","others"],"sub_categories":[],"readme":"# Home Assistant Configuration\n\n## ⚠️ **Important**\n\nAs of 2024, this repository is **no longer maintained**. While I will not be updating this project, pull requests addressing future breaking changes are welcome. I want to thank everyone for their contributions and support on this project. Seeing it rise as the community's top topic of all time has been truly overwhelming.\n\nI am now shifting my focus to a new project called **[ha-fusion](https://github.com/matt8707/ha-fusion)**. It aims to be a modern, easy-to-use, and performant custom dashboard built from scratch. I hope you'll check it out!\n\n\u003chttps://github.com/matt8707/ha-fusion\u003e\n\n---\n\n[Home Assistant Container](https://www.home-assistant.io/installation/#compare-installation-methods) on a Synology DiskStation DS918+ NAS. [Wall mounted](https://www.durable.eu/en_DE/tablet-holder-wall/893323) tablet ([Galaxy Tab A 10.1](https://www.samsung.com/us/mobile/tablets/galaxy-tab-a/galaxy-tab-a-10-1-2019-32gb-black-wi-fi-sm-t510nzkaxar/)) using [Fully Kiosk Browser](https://www.fully-kiosk.com/#get-kiosk-apps). My configuration is exposed to HomeKit with Apple TV acting as a hub for remote connection.\n\nIf you like anything here, be sure to :star2: my repo!\n\n![dashboard](https://raw.githubusercontent.com/matt8707/hass-config/master/www/img/dash.png)\n\n## Installation\n\n**How do I install this theme?** \u003cbr\u003e\nThere's no install button. I'm sharing my full configuration\n\n**Can you please add this to HACS?** \u003cbr\u003e\nNo, because this is not a custom card or integration\n\n**Where do I even start?** \u003cbr\u003e\n[INSTALL.md explains how to get started](INSTALL.md) :tada:\n\n## Features\n\n* [Dashboard (Lovelace)](https://www.home-assistant.io/lovelace/) using custom [button-card](https://github.com/custom-cards/button-card) and [layout-card](https://github.com/thomasloven/lovelace-layout-card)\n* Portrait, landscape and mobile view - [responsive_demo.mp4](https://user-images.githubusercontent.com/36163594/120789256-ad825000-c531-11eb-97c2-18904c48efdd.mp4) [[mirror]](https://drive.google.com/file/d/1BgGHFgKF2sfI7cvdbWUeCyU_85D2R5x3/view?usp=sharing)\n* Less cluttered interface by displaying more information in a popup\n* Loading animation for slow responding entities\n* Adding tap audio feedback to the UI for wall-mounted tablet\n* Icon [CSS animations](https://www.w3schools.com/css/css3_animations.asp) based on entity state\n\n![animations](https://raw.githubusercontent.com/matt8707/hass-config/master/www/img/animations.gif)\n\n#### Sidebar\n\n* Time and date with greeting based on time of day\n* Entities that are on, using natural language\n* Mailbox counter to show received mail\n* Temperature with emoji based on weather conditions\n* Important calendar information\n* Other conditional alerts\n\n#### Footer\n\nPopups that supports notifications.\n\n![footer](https://raw.githubusercontent.com/matt8707/hass-config/master/www/img/footer.png)\n\n#### Popups\n\nLong press a button to show settings and information pertaining to the entity, using [browser_mod](https://github.com/thomasloven/hass-browser_mod). Light popups are automatically created using the `light` button-card template with 🍄 [Mushroom](https://github.com/piitaya/lovelace-mushroom)\n\n\u003cimg src=\"https://raw.githubusercontent.com/matt8707/hass-config/master/www/img/group.png\" width=\"35%\"\u003e\n\n#### Media\n\nConditionally display media players based on the last active device. If nothing is active for 15 minutes, a poster of the last downloaded movie/episode is shown ([Plex](https://github.com/plexinc/pms-docker), [Radarr](https://github.com/Radarr/Radarr), [Sonarr](https://github.com/Sonarr/Sonarr)). Swipe to reveal non-active media players\n\n![media](https://raw.githubusercontent.com/matt8707/hass-config/master/www/img/media.gif)\n\n## Theme\n\n[card-mod](https://github.com/thomasloven/lovelace-card-mod) is used for the styles in `include/themes.yaml` and each popup also contain styles depending on content.\nI've made a tool to help with css element selectors - [https://matt8707.github.io/card-mod-helper/](https://matt8707.github.io/card-mod-helper/)\n\n![media](https://raw.githubusercontent.com/matt8707/hass-config/master/www/img/cardmod_helper.png)\n\n## Screenshots\n\n| nas | vacuum |\n| --- | --- |\n| ![nas](https://raw.githubusercontent.com/matt8707/hass-config/master/www/img/nas.png) | ![vacuum](https://raw.githubusercontent.com/matt8707/hass-config/master/www/img/vacuum.png) |\n\n| misc |\n| --- |\n| ![multi](https://raw.githubusercontent.com/matt8707/hass-config/master/www/img/multi.png) |\n\n## Hardware\n\n| Vendor | Product | Integration | Description |\n|---|---|---|---|\n| Ubiquiti | UniFi Dream Machine | [unifi](https://www.home-assistant.io/integrations/unifi/) | Router, controller, switch and access point |\n| Synology | DiskStation DS918+ | [synology_dsm](https://www.home-assistant.io/integrations/synology_dsm/) | 4x4TB NAS - [matt8707/docker-compose-dsm](https://github.com/matt8707/docker-compose-dsm) |\n| ~~Raspberry~~ | ~~Pi 3 Model B+~~ | ~~[shell_command](https://www.home-assistant.io/integrations/shell_command/)~~ | ~~Bluetooth communication - [matt8707/docker-compose-rpi](https://github.com/matt8707/docker-compose-rpi)~~ |\n| Samsung | Galaxy Tab A SM-T510 | [custom](https://github.com/cgarwood/homeassistant-fullykiosk) | Wall mounted tablet in hallway by the front door |\n| Philips | Hue | [hue](https://www.home-assistant.io/integrations/hue/) | Bridge, 15 bulbs, 3 motion sensors, 2 dimmer switches |\n| Apple | iMac | [shell_command](https://www.home-assistant.io/integrations/shell_command/) | All-in-one desktop computer |\n| ~~SwitchBot~~ | ~~SwitchBot Bot~~ | ~~[custom](https://github.com/fphammerle/switchbot-mqtt)~~ | ~~Bluetooth device that mechanically turns on my computer~~ |\n| Xiaomi | Mi Roborock S50 | [xiaomi_miio](https://www.home-assistant.io/integrations/xiaomi_miio/) | Robot vacuum with lidar -  [xiaomi-cloud-map-extractor](https://github.com/PiotrMachowski/Home-Assistant-custom-components-Xiaomi-Cloud-Map-Extractor) |\n| Broadlink | RM4 Pro, HTS2 cable | [broadlink](https://www.home-assistant.io/integrations/broadlink/) | Infrared transmitter for AC unit with temp/humidity sensor |\n| Gosund | SP112 | [esphome](https://www.home-assistant.io/integrations/esphome/) | 3x tuya wifi plugs with power monitoring, flashed with ESPHome |\n| Belkin | WeMo | [wemo](https://www.home-assistant.io/integrations/wemo/) | 2x wifi plugs and 1x motion sensor |\n| Google | Nest Mini | [cast](https://www.home-assistant.io/integrations/cast/) | Not really used, Google sent me one |\n| Deltaco | SH-P01 | [tuya](https://www.home-assistant.io/integrations/tuya/) | Cheap wifi plug for balcony LED lights |\n| Phoscon | ConBee II | [custom](https://github.com/Koenkk/zigbee2mqtt) | Zigbee USB gateway using zigbee2mqtt |\n| Xiaomi | Aqara MCCGQ11LM | [mqtt](https://www.home-assistant.io/integrations/mqtt/) | 3x zigbee door/window contact sensors |\n| Apple | TV 4K | [apple_tv](https://www.home-assistant.io/integrations/apple_tv/) | 2x set-top-boxes that streams content from Plex |\n| Sony | Bravia KDL-55W905A | [braviatv](https://www.home-assistant.io/integrations/braviatv/) | 2013 mid-range 55\" 1080p 3D TV |\n| Samsung | UE50RU6025KXXC | [custom](https://github.com/ollo69/ha-samsungtv-smart) | 2019 low-range 50\" 4K HDR TV |\n| Sony | PlayStation 5 | [custom](https://github.com/FunkeyFlo/ps5-mqtt) | Game console - State, sleep and wake |\n| Apple | iPhone X | [ios](https://www.home-assistant.io/integrations/ios/) | Home Assistant Companion App for iOS |\n\n*Note: I do not recommend \"Belkin WeMo\" or \"Deltaco SH-P01\"*\n\n---\n\n**GitHub Repository**\n[https://github.com/matt8707/hass-config](https://github.com/matt8707/hass-config)\n\n**Home Assistant Community Topic**\n[https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/162594](https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/162594)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatt8707%2Fhass-config","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatt8707%2Fhass-config","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatt8707%2Fhass-config/lists"}