Web custom interface for Home Assistant?

Configuration
1

Hi

Playing with my instance of Home Assistant I really like the concept and have setup already connections with most of my home devices very easily. Being a long time programer of automation systems like AMX/Crestron, I’m used to develop a custom interface that runs either on dedicated touch panels, or web interfaces or apps in mobile devices.
I have looked around website and documentations but I have seen nothing to do that with HA. Am I wrong ?

Thanks

Vincèn

2

Are you looking for something like this?

2 Likes
3

If you know web development, specifically JS and Websockets, you could build your own using the HA API (https://home-assistant.io/developers/api/)

4

Also if you are familiar with JS and don’t want to bother with websockets and updating of entites you could use a custom panel (that’s what I am doing).

If you want you can check out my config on github:

Relevant files are in the “www” and in the “panels” folder.

~Cheers

1 Like
5

I’d love to see a screen shot of your custom panels some time when you get the chance.

Also, I have to say that you have the single greatest avatar on this forum. I crack up every time I see that expression.

1 Like
6

@rpitera Sorry for late answer I completely zapped that thread :frowning2:
Here are few examples of layouts we do for our automation systems:



For the avatar, thanks :blush:

1 Like
7

Thanks for even remembering and taking the time.

Looks really nice; very info rich and touch friendly interface!