Interactive Floorplan Card

Share your Projects! Dashboards & Frontend
1

Hey Automators! :wave:

I’ve been working on an interactive floorplan card for Home Assistant and just published it on GitHub. Would love some testers!

alllights
alllights1920×558 96.3 KB

What it does:

  • Upload a photo of your floorplan

  • Place lights, switches, cameras on it with a built-in visual editor (runs as a Lovelace card)

  • Lights glow in their real RGB color and brightness

  • Cameras show recording/streaming state with a blink animation

  • Click any entity to toggle it — long press opens the HA more-info panel

  • Push your layout directly to your dashboard, no YAML editing

  • Install via HACS (Custom Repository) or manually — both cards are a single JS file drop-in.

Check the :eyes: LIVE DEMO :eyes: on:

:point_right: https://github.com/Padraiggg/Padraigggs-ha-interactive-floorplan

Still early days — feedback, bug reports and feature requests are very welcome! If you run into anything, open an issue on GitHub. :coffee: If you like it: PayPal or Patreon link in the README.

2

Respectfully I’m struggling to understand why you, or kishorviswanathan, would name your cards anything like ha-floorplan when there already exists an ha-floorplan card for years now. Especially one that so established that it has its own sub-category here. It just leads to unnecessary confusion.

It looks like a really nice card, but the name could use some originality.

3

Looks interesting, but TBH, I think that what a lot of people want is just some kind of modular drag and drop approach where they can drop in squares or rectangles onto a grid to represent rooms, and then populate them from their entities.

I’m still getting the logic on my HA figured out, but I’ll bookmark this as somewhere to revisit to see how its getting on.