What is 3dhomeassistant-editor?

3DHome Editor is a browser-based tool that lets you view and edit a three-dimensional model of your home and then connect parts of that model to real smart home devices managed by Home Assistant. Home Assistant is a popular open-source smart home platform that many self-hosted setups use to control lights, switches, air conditioning, sensors, and similar devices. The way it works is you upload a GLB or GLTF file (a standard 3D model format) of your home or apartment, built in a separate 3D modeling tool. Inside the editor, you can click on individual parts of the model, move or delete them, and look at the model from top, front, and side views. Once the model is ready, you connect the editor to your Home Assistant instance by filling in your server address and an access token in a configuration file. From that point the editor can pull live device state from Home Assistant and display it on the 3D model, and you can control devices by interacting with the 3D view. The editor also simulates day and night cycles synchronized to the current time, and can pull in outdoor weather data to show the model in matching environmental lighting conditions. A sample smart home GLB model is included in the repository if you want to try the tool before building your own model. The supported device types listed in the README include lights, fans, switches, buttons, sensors, air conditioners, floor heating, and cameras, with some already confirmed as working. Setup requires running npm install and npm run dev, then opening the local development server in a browser. The project is built with React, TypeScript, Three.js for 3D rendering, and Tailwind CSS with shadcn/ui components. The source code is licensed for non-commercial personal use only.