https://github.com/ExperienceLovelace/ha-floorplan

Bring new life to Home Assistant. By mapping entities to a SVG-object, you're able to control devices, show states, calling services - and much more. Add custom styling on top, to visualize whatever you can think of. Your imagination just became the new limit.
https://github.com/ExperienceLovelace/ha-floorplan

floorplan homeassistant lovelace-card lovelace-floorplan panel

Last synced: 11 days ago
JSON representation

Bring new life to Home Assistant. By mapping entities to a SVG-object, you're able to control devices, show states, calling services - and much more. Add custom styling on top, to visualize whatever you can think of. Your imagination just became the new limit.

• Host: GitHub
• URL: https://github.com/ExperienceLovelace/ha-floorplan
• Owner: ExperienceLovelace
• License: apache-2.0
• Created: 2019-05-24T00:08:31.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-02-06T03:36:50.000Z (5 months ago)
• Last Synced: 2024-02-27T13:32:00.661Z (4 months ago)
• Topics: floorplan, homeassistant, lovelace-card, lovelace-floorplan, panel
• Language: TypeScript
• Homepage: https://experiencelovelace.github.io/ha-floorplan/
• Size: 11.7 MB
• Stars: 944
• Watchers: 14
• Forks: 155
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-stars - ExperienceLovelace/ha-floorplan - Bring new life to Home Assistant. By mapping entities to a SVG-object, you're able to control devices, show states, calling services - and much more. Add custom styling on top, to visualize whatever y (TypeScript)
• awesome-stars - ExperienceLovelace/ha-floorplan - Bring new life to Home Assistant. By mapping entities to a SVG-object, you're able to control devices, show states, calling services - and much more. Add custom styling on top, to visualize whatever y (TypeScript)
• awesome-stars - ExperienceLovelace/ha-floorplan - Bring new life to Home Assistant. By mapping entities to a SVG-object, you're able to control devices, show states, calling services - and much more. Add custom styling on top, to visualize whatever y (TypeScript)

README

        


	

	


  


  ha-floorplan



Floorplan for Home Assistant - your imagination (almost) defines the limits 




    

    

         

    

    

         

    

    

         

    

    

         

    

    

         

    

    

         





	•

  Floorplan Documentation •

  Discussion (Ask for help, feedback & support) •

  Home Assistant Community •











## Draw it and bring it to life

This tool expands way beyond creating just floorplans. If you can draw it in an SVG file, you can bring it to life with ha-floorplan. Explore endless possibilities and customize your home automation experience to your liking.

## Getting started

We'll suggest you to visit our [Installation](https://experiencelovelace.github.io/ha-floorplan/docs/quick-start/) guide.

If you're unsure on where to start in the creation process, we'll suggest you to check our  [Live Examples](https://experiencelovelace.github.io/ha-floorplan/docs/examples/).

Find more documentation on how to use each action and functions, by visiting the [Usage](https://experiencelovelace.github.io/ha-floorplan/docs/usage/) page.

## Features

- Make Floorplan(s) with SVG-files

- Trigger states, visualize states and more

- Call services and more, for even more options

- Use as Lovelace-card, or as a panel

- _It's hard to mention everything in a list like this, so **give it a try**_ 🥳






#### Ressource template for Home Assistant

```yaml

resources:

  - url: /hacsfiles/ha-floorplan/floorplan.js

    type: module

```









Would you like to play around with the code behind HA Floorplan? _There's many ways to build HA Floorplan. The question is, what you're going to do?_

Just execute `npm install` to install the dependencies. Use `npm run build` for the production-env. Are you going to test something, use `npm run build:dev` instead. For other options, check [package.json](https://github.com/ExperienceLovelace/ha-floorplan/blob/master/package.json).