Hi all — I already have floor plans built in Sweet Home 3D (PNG/SVG exports). I’m not asking for help designing the artwork or my dashboard layout. I’m specifically looking for a template/card approach that lets me place those plans and add interactive entities, navigation, and a few overlays.
What I have now
- A basic view using
picture-elementswith my ground floor as the background and a few entity icons on top.
What I’m trying to achieve
- A cleaner, reusable way to:
- Host multiple floors (Ground, First, Backyard) with easy tab or button navigation.
- Place lights/sensors on the plan with on/off, brightness, and state color.
- Show simple overlays (temperature, door open/close, motion).
- Keep the YAML manageable as the plan grows.
What I’m looking for
- Recommendations for a card or pattern that works well for floor plans. Examples I’ve seen but haven’t settled on:
- Core
picture-elements(simple and built-in). - Community “Floorplan” style solutions that work with an SVG and CSS for state coloring.
- Navigation helpers:
mushroom-chips(chips → navigate to subviews),custom:tabbed-card,layout-card, or other tab patterns you like for multi-floor.
- Core
- If you have a starter YAML “template” or a minimal example repo that shows:
- Per-floor view/subview structure
- Reusable styles for icons/labels
- A neat way to keep coordinates maintainable