Next-Level Home Assistant Dashboard: Create Your Own Floorplan With Conditional Elements
Want the most visual and intuitive way to control your smart home? In this video, I’ll walk you through how to design and build a fully interactive Home Assistant floorplan dashboard — from creating custom images all the way to adding conditional icons, entity states, and live controls.
No coding? No problem — we’re keeping it beginner-friendly while still covering powerful advanced features.
⭐ What You’ll Learn:
✔️ How to design or export a floorplan image✔️ Preparing graphics for Home Assistant dashboards✔️ Adding clickable icons for lights, sensors, and devices✔️ Using conditional styling (change icons based on state)✔️ Displaying device status with entity state icons✔️ Making the floorplan interactive to turn devices ON/OFF✔️ Tips to keep your layout clean, scalable, and responsive
🏠 Why Use a Floorplan?
A floorplan makes Home Assistant feel more natural and visual — like controlling your real house, not just a menu of switches. Perfect for wall-mounted dashboards, tablets, and smart displays.
🎥 Related Videos
Best Presence Detection for Home Assistant?: • Best Presence Detection for Home Assistant...
📱 Follow Me
Instagram: / lickyssmarthomechannel
☕ Support the Channel
Patreon: / lickylauda
PayPal: https://paypal.me/lickylauda
Buy Me a Coffee: https://www.buymeacoffee.com/lickylauda
📧 Collaborations
Interested in featuring your smart home, solar, or 3D-printing product?
Feel free to reach out!
Chapters:
0:00 Intro
0:17 Prepare the images
1:50 Rinse and repeat
2:36 a bit faster
3:25 exporting the image files
4:10 do this for every layer
4:32 do the other floors
5:26 upload the files
6:50 build the floorplans
7:33 add the conditional elements
9:02 real size floorplans
10:21 a faster way
11:23 the rest of the floors
12:13 the fastest way
12:44 house overview - all floors
13:11 add state icons
13:55 rinse and repeat
14:47 add the 3D printer
15:14 the other floors
16:36 patreons
16:44 credits