How to install custom frontend on Home Assistant

I’ve made some changes to the polymer frontend that I want to be the default UI in my home.

I’ve been using macOS as the host, which means if i close my Macbook, the host dies and i can’t access Home Assistant from eg. the app.

How can i load my custom UI to Home Assistant and having it keep running wihout having to have my macbook turned on?

Cheers

To me, seems like a colossal waste of time to get this working when lovelace is 100% customizable. But you’d have to run it from your home assistant device, along side of home assistant. And getting that running depends on what installation method you chose.

But say I want to give it a go, how would i go about it on a generic Linux server for example? Or can i upload the frontend build directly into home assistant on raspberry pi somewhere via ssh?

it depends on your installation method. If you’re running hassbian, just install this like you would any other python library.

If you’re running it in docker container, then you’ll need to figure that portion out.

If you’re running hassio, you’ll need to make a separate docker container running your ui and spool it up after.

EDIT: as for the actual details and commands, I haven’t done it myself. I’d have to look it all up. You’d be better off asking in the developers section of the forums, but i’m not sure you’d get much response.

Is there any documentation on how to do so anywhere? Running hassio

Ok, will do. Thanks

There won’t be for hassio, that’s for sure. You should start learning docker, learning how to configure and run a docker container.

Also, if you are running Hassio on HassOS, none of this will be possible because HassOS is locked down and the normal docker commands don’t exist.

But say i’ve made some changes to the Lovelace folder in the home-assistant-polymer repo, how would i load this custom frontend without having to use my macbook as server?

Not possible on hassio. Period.

If you make a totally new UI, again see my posts above. Again, hassio on hassos = not possible. hassio on ubuntu (or any other linux) is possible. But you need to know docker.

To me, it seems like you should set up a dev build of home assistant, which is essentially hassbian instead of using hassio.

Then you can change lovelace to your hearts content.

Ok. Depends what you define “totally new ui”. I’ve just made some new elements in the polymer frontend, which in my development environment works perfectly. The problem is that I have to run it in dev mode (https://developers.home-assistant.io/docs/en/frontend_development.html) like so

Why not make these new elements into custom cards instead?

1 Like

Aha, and what if i’ve made some changes outside the lovelace folder insde the home-assistant-polymer repo?

As long as you’re making changes to polymer that home assistant uses, you can’t use hassio.

I could, but say i wanted to change other things in the frontend than lovelace. I see that lovelace imports various elements not defined inside the lovelace folder

Yes, those are custom cards. There are 100s of them currently.

Got it. Is there any info on how to run the my custom ui with hassbian, or do you know how to?

Well, what you would do is setup a developer instance of home assistant on your rasberry pi. Start with setting up the backend developer instance, then setup the frontend developer instance. After you setup the frontend developer instance, make your changes to that. The downside is that you won’t have access to hassio’s add-ons.

If you can make this work with custom cards, you might save yourself a ton of head aches. And you can continue to use hassio on hassos.

1 Like

The thing is I’ve also changed the UI of pop-ups, notifications, the menu bar etc. I want those changes as well. So that will still work with hassbian, right?