Hi everyone ![]()
I’d like to share Device Floorplan, a custom integration I’ve been building for my own home. It puts your Home Assistant devices on your own floorplan and lets you control and see your home alive: lights glowing in their real colour and staying inside their room, the AC blowing, the TV glowing, the washer telling you it’s done, people in their rooms, the Zigbee mesh drawn over your walls. All with clicks, no YAML.
Install
or Settings → Marketplace → add https://github.com/JohnKotrolos/ha-device-floorplan → install → restart. (Before 2026.11: HACS → ⋮ → Custom repositories → the same link, type Integration.)
Live demo (try it in your browser, with a guided Editor tour): Device Floorplan · Interactive demo
Guide: Device Floorplan
GitHub: GitHub - JohnKotrolos/ha-device-floorplan: Place your Home Assistant devices on your own floorplan, with an interactive dashboard card and live overlays. Currently in beta. · GitHub
A short video walkthrough (recorded with an earlier version): https://youtu.be/dS8werqYjQ4
For new HA users
Set up your floorplan and place your lights, temperature sensors and door/window sensors with drag & drop (or let Auto-place do most of it), in minutes, with no YAML at all. One click on I’m ready → Add to dashboard gives you a Floorplan dashboard to run your home: turn on the living room lights, check the temperature, see what’s happening right now.
When you’re ready, the guide shows the next steps, for example telling the Editor that your kitchen light is a spot, a bulb or an LED strip and how far it shines. Turn it on and the kitchen lights up on the plan in the bulb’s real colour, or in a colour you choose for plain lamps.
For advanced HA users
Build a floorplan worthy of your wall tablet:
- Draw your room shapes for realistic lighting, daylight and AC air flow; Glue Rooms makes neighbouring rooms meet on one line, so light flows through open doorways and stops at walls.
- Make the Overlay Bar the menu of your wall panel: below or above the plan, or as a full-height Side Rail. Add shortcuts to your other dashboard pages, a popup on this browser only (browser_mod) or any action, and a status on each button (my 3D printer turns green while it prints).
- Multi-floor homes: put all your floors in one card and switch between them; they share one frame, so nothing jumps.
- Bond devices that work as one: the Wi-Fi spots in your living room ceiling become a single light (ZHA groups become bonds by themselves).
- Split a device across the places it really is: the Zigbee relay behind your wall switch sits on the wall, the kitchen light it switches sits over the kitchen. Tap the light on the plan and it turns on.
- Draw your door, window and shutter sensors as bars where they really are: Live shows what’s open, and an electric shutter fills in as it closes.
- Open the network map and see every Zigbee device in its real location, with its links and link quality, plus Wi-Fi and LAN devices from your router.
Customisation
- Your own overlays: create overlays with the kinds of devices you want, and choose which overlays show on your dashboard.
- Tap and hold, your way: a short tap switches lights, switches and fans, opens cover and AC controls, or shows a reading’s last 24 hours; a long press (or right-click) always opens the device’s details. Change what a tap does per kind of device, per device, or even per overlay. Overlay buttons can do something else on hold too.
- Your own icons: pick any icon for a device, for one overlay only, or for each extra reading line under a marker. Any icon from Home Assistant’s picker, and custom icon packs you’ve installed work too.
- Already have a nice dashboard? Add the floorplan as a card, hide its Overlay Bar, and switch overlays with your own buttons, custom cards or the Floorplan chip card.
- Floorplan values in your own menu: show things like 5 of 7 lights on or the home temperature in your existing top bar, straight from the floorplan’s bonds and phantoms.
- Nothing is created or changed in Home Assistant: no helpers, groups or template sensors.
Quick start
- Settings → Marketplace → add
https://github.com/JohnKotrolos/ha-device-floorplan→ install → restart. (Before 2026.11: HACS → Custom repositories, type Integration.) - Add the integration Device Floorplan and open Floorplan Editor in the sidebar.
- Create a plan and add its picture (a file,
config/www, or a sample plan). - Measure (optional), Mark rooms (drag your areas, draw their shapes, Glue Rooms), Place devices (Auto-place, then drag).
- I’m ready → Add to dashboard, then pick overlays, the Overlay Bar or Side Rail, shortcuts and floors in the card editor.
No floorplan yet? Turn your sketch into a floorplan in 10 minutes.
Good to know
- The interactive Zigbee map needs ZHA; Wi-Fi and LAN come from your router (FRITZ!Box and others).
- Room shapes are optional, but without one the light isn’t stopped by walls.
- Made for PC (Editor) and tablets / wall panels (card); phones work too.
- People need a room sensor per person (Bermuda, ESPresense, a template…).
It runs every day in my home with ~90 devices. Questions, ideas, bug reports and screenshots of your setups are very welcome, here or as GitHub issues. Thanks for trying it! ![]()








