zoft123/vectorplan

VectorPlan is a visual editor that helps Home Assistant users build interactive floorplans without hand writing the YAML, CSS, and SVG code that the custom floorplan-card normally requires. Instead, you upload a picture of your floorplan, drag your smart home devices like lights and fans onto it, trace the outlines of your rooms, and the app generates the exact code you need. A few features stand out. Tracing a room lets the app automatically build the CSS needed to visually light up that space whenever the corresponding light is turned on. You can also connect the app directly to your own Home Assistant instance using a Long Lived Access Token, which pulls in your real entity IDs instead of making you type them by hand. Custom icons are supported if you want your own visuals for devices, and a single button exports all the generated YAML, SVG, and CSS at once so you can copy it straight into your setup. The recommended way to run it is Docker: clone the repository and run docker-compose up, then open the app in your browser on localhost. If you would rather modify the code yourself, there is also a local development mode that needs Node.js version 18 or higher, installed with npm install and started with npm run dev. Once you have finished building your floorplan, you generate the code, save the SVG and CSS files into your Home Assistant www folder, and paste the generated YAML into a Custom Floorplan card on your dashboard. The project is licensed under the GNU General Public License, and the README is upfront that the project was built almost entirely with AI assisted, or vibe, coding.