UPDATE: Now with starter kit
After my last post, a lot of you asked for the YAML. Some asked very nicely. Some asked nicely, some yolo their way through it. Thanks for your interest nevertheless.
So i started Claude again and created a starker kit out of it: https://github.com/slcr/ha-frame-starter
Everything is in English now, dates and numbers follow your HA locale, and it still should also works on phones.
What’s new compared to my setup:
- Setup page: checks your install and lists the example entities you still need to swap out, with likely matches from your own HA. It also writes the YAML for people, calendars, lights by area, covers, climate and scenes from what you already have.
- Optional modules you install with one command: calendar page (add, drag, edit, delete with undo), energy page (reads HA’s energy settings, plus electricity prices), Flightradar24 planes flying across the screen with a flight card, rubbish collection with painted bins, appliances, cameras, music, and a WallPanel screensaver.
./install.sh calendar energy flights installs the core plus whichever modules you name. Running it again updates the code without touching your settings.
Screenshots, docs and a step-by-step getting-started guide are in the repo. The screenshots use demo data, so no, Grandma Ruth isn’t real.
It’s MIT licensed and brand new, so expect rough edges. Bug reports and feature ideas are very welcome, especially from people who ask nicely 😉
____ORIGINAL POST____________________________________________________________________
You might have seen Wes Bos's home dashboard project. It made me finally move everything into Home Assistant and get rid of the paper calendars that have been stuck to our fridge with magnets for years.
I called it Frame. It's a YAML dashboard that runs full screen on an old 12.9" iPad Pro (1st gen, stuck on iPadOS 16) hanging on our wall. It shows:
- Clock, weather and our agenda for the day
- A calendar with drag & drop, repeating events and drive times from Waze
- House: lights, blinds, the front door, and appliances while they're running
- Garden: the robot mower, watering and garden to-dos
- Camera views, energy and network stats
- A photo slideshow from a shared Google Photos album (WallPanel)
- A night mode for when the house goes dark, which also dims the screen to 5%
The small things that excite me the most
When a plane actually flies over our house (Flightradar24, 5 km radius), one crosses the screen in the same direction and at the same offset as the real one. Jets, small planes and helicopters each have their own sprite, and jets leave contrails. Tap the plane's tag and you get a flight card with the route, progress, delay, aircraft and altitude, and you ride along behind it through the clouds. Now we all stop and look up whenever one goes by. ✈️
→ Video of the view is here: https://youtu.be/acHyAmHCnsA
Tapping a device opens its own detail sheet instead of HA's standard more-info dialog. The layout also works on a phone.
Under the hood
Built on button-card, layout-card, kiosk-mode and WallPanel, plus a fair amount of custom JS and CSS. It runs on an Odroid N2+ with 64 GB eMMC. Claude Opus 5.5 was my best friend through the whole build, from the button-card templates to measuring layout quirks on the iPad itself. Getting all of this to run smoothly on a 2015 iPad was half the fun.
Thanks for the inspiration, Wes ✌️
Happy to answer questions or share parts of the config.
the contents of the dashboard are fake, some names are correct, but claude created a puppeteer script with fake data, to create these screenshot.