{"id":14985240,"url":"https://github.com/experiencelovelace/ha-floorplan","last_synced_at":"2025-05-14T15:07:23.636Z","repository":{"id":39147437,"uuid":"188323494","full_name":"ExperienceLovelace/ha-floorplan","owner":"ExperienceLovelace","description":"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.","archived":false,"fork":false,"pushed_at":"2025-05-02T20:06:26.000Z","size":12355,"stargazers_count":1254,"open_issues_count":3,"forks_count":183,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-05-02T21:19:47.207Z","etag":null,"topics":["floorplan","homeassistant","lovelace-card","lovelace-floorplan","panel"],"latest_commit_sha":null,"homepage":"https://experiencelovelace.github.io/ha-floorplan/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ExperienceLovelace.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":"coffeetoexetico","thanks_dev":null,"custom":null}},"created_at":"2019-05-24T00:08:31.000Z","updated_at":"2025-05-02T20:06:31.000Z","dependencies_parsed_at":"2024-01-02T11:23:32.325Z","dependency_job_id":"ad9e68ed-c376-4b00-a3fc-596feca4eac7","html_url":"https://github.com/ExperienceLovelace/ha-floorplan","commit_stats":{"total_commits":872,"total_committers":22,"mean_commits":39.63636363636363,"dds":0.555045871559633,"last_synced_commit":"64e0b0cb81d225ecb5c9d814834e9b6b8bcae52c"},"previous_names":[],"tags_count":47,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ExperienceLovelace%2Fha-floorplan","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ExperienceLovelace%2Fha-floorplan/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ExperienceLovelace%2Fha-floorplan/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ExperienceLovelace%2Fha-floorplan/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ExperienceLovelace","download_url":"https://codeload.github.com/ExperienceLovelace/ha-floorplan/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254169650,"owners_count":22026213,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["floorplan","homeassistant","lovelace-card","lovelace-floorplan","panel"],"created_at":"2024-09-24T14:10:33.320Z","updated_at":"2025-05-14T15:07:23.626Z","avatar_url":"https://github.com/ExperienceLovelace.png","language":"TypeScript","readme":"\u003ch1 align=\"center\"\u003e\n\t\u003cimg src=\"https://user-images.githubusercontent.com/3549445/293683009-196cd771-7d29-4975-a741-0a5c8a76e095.png\"\u003e\n\t\u003cbr\u003e\n  \u003cbr\u003e\n  ha-floorplan\n\u003c/h1\u003e\n\n\n\u003ch4 align=\"center\"\u003eFloorplan for Home Assistant - your imagination (almost) defines the limits \u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/ExperienceLovelace/ha-floorplan/commits/master\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://github.com/ExperienceLovelace/ha-floorplan/actions/workflows/merge-to-master.yaml/badge.svg?branch=master\u0026style=flat-square\u0026logo=github\u0026logoColor=white\"\n         alt=\"GitHub Build \u0026 Test on Master\"\u003e\n         \u003c/a\u003e\n    \u003ca href=\"https://github.com/ExperienceLovelace/ha-floorplan/issues\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues-raw/ExperienceLovelace/ha-floorplan.svg?style=flat-square\u0026logo=github\u0026logoColor=white\"\n         alt=\"GitHub Issues\"\u003e\n         \u003c/a\u003e\n    \u003ca href=\"https://github.com/ExperienceLovelace/ha-floorplan/pulls\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues-pr-raw/ExperienceLovelace/ha-floorplan.svg?style=flat-square\u0026logo=github\u0026logoColor=white\"\n         alt=\"GitHub Pull Requests\"\u003e\n         \u003c/a\u003e\n    \u003ca href=\"https://github.com/ExperienceLovelace/ha-floorplan/releases\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/stars/ExperienceLovelace/ha-floorplan?style=flat-square\"\n         alt=\"GitHub Stars\"\u003e\n         \u003c/a\u003e\n    \u003ca href=\"https://github.com/ExperienceLovelace/ha-floorplan/releases\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/v/release/ExperienceLovelace/ha-floorplan.svg?style=flat-square\u0026logo=github\u0026logoColor=white\"\n         alt=\"Current version\"\u003e\n         \u003c/a\u003e\n    \u003ca href=\"https://experiencelovelace.github.io/ha-floorplan/docs/quick-start/#hacs\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/HACS-Default-orange.svg?style=flat-square\u0026logoColor=white\"\n         alt=\"HACS Default repository - Go to Quick Start in Docs\"\u003e\n         \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t•\n  \u003ca href=\"https://experiencelovelace.github.io/ha-floorplan/\" target=\"_blank\"\u003eFloorplan Documentation\u003c/a\u003e •\n  \u003ca href=\"https://github.com/ExperienceLovelace/ha-floorplan/discussions\" target=\"_blank\"\u003eDiscussion (Ask for help, feedback \u0026 support)\u003c/a\u003e •\n  \u003ca href=\"https://community.home-assistant.io/t/floorplan-now-available-as-a-lovelace-card/115489\" target=\"_blank\"\u003eHome Assistant Community\u003c/a\u003e •\n\u003c/p\u003e\n\n\u003e [!TIP]\n\u003e For the best experience, we highly recommend installing ha-floorplan through HACS. Alternatively, you can download the latest version directly from the [Releases](https://github.com/ExperienceLovelace/ha-floorplan/releases) page, where the `floorplan.js` file is also available as an asset.\n\n\u003chr\u003e\n\n\u003ca title=\"Click to see the live floorplan example\" href=\"https://experiencelovelace.github.io/ha-floorplan/docs/example-floorplanner-home/\"\u003e\n\u003cimg style=\"border: 1px solid #26c7fb;border-radius: 3px;max-width: 350px;width: 100%;box-sizing: border-box;margin:0 auto;display:block;text-align:center;\" src=\"https://user-images.githubusercontent.com/3549445/293683054-a110a5fe-72d3-4004-970b-1e07159e5577.png\" alt=\"SVG Preview\"\u003e\n\u003c/a\u003e\n\n## Draw it and bring it to life\n\nThis 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.\n\n## Getting started\n\nWe'll suggest you to visit our [Installation](https://experiencelovelace.github.io/ha-floorplan/docs/quick-start/) guide.\n\nIf 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/).\n\nFind more documentation on how to use each action and functions, by visiting the [Usage](https://experiencelovelace.github.io/ha-floorplan/docs/usage/) page.\n\n\n## Features\n\n- Make Floorplan(s) based on SVG-files\n- Trigger states, visualize states and more\n- Call services and more, for even more options\n- Use as Lovelace-card, or as a panel\n- _It's hard to mention everything in a list like this, so **give it a try**_ 🥳\n\n\u003cbr\u003e\n\n\u003chr\u003e\n\n#### Resource template for Home Assistant\n\n```yaml\nresources:\n  - url: /hacsfiles/ha-floorplan/floorplan.js\n    type: module\n```\n\n\u003chr\u003e\n\u003cbr\u003e\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cbr\u003e\n\nWould 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?_\n\nJust 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). Use `npm run start` to serve our example-suite. Testing can be done with `npm run test`.\n\n\u003cbr\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n","funding_links":["https://buymeacoffee.com/coffeetoexetico"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexperiencelovelace%2Fha-floorplan","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fexperiencelovelace%2Fha-floorplan","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexperiencelovelace%2Fha-floorplan/lists"}