Interactive Custom UI: Tiles YAML Generator Site

fanuch · February 10, 2018, 6:14pm

TL:DR; Link

Custom UI Tiles Generator Site

Over the last couple of days I’ve been playing around with Custom UI: Tiles by user @eddi89.

I found it tedious to think about what buttons I needed, where, and the conversion to rows/columns, so I made an interactive website over a Sunday evening to render the YAML with a simple click, drag, and press site!

Thought I would share it with the community.

The usage is straight forward.

Click New Tile
Drag new red tile to position
Click corners to resize
double click to change the name of the entity
Click Render YAML for it to create the YAML immediately for you!
Make any changes as needed
Repeat

Hopefully this will encourage people to make many functional remotes for their own HA!

(User @zombu2 on Discord pointed out that this could be used to render hadashboard templates. I will work on getting a version to do that too!)

Comments welcome. Though this was meant to be a quickly thrown together site with function over fashion!

AWS Website Link - UI Tiles Generator

3vasi0n · February 11, 2018, 8:51am

This is awesome! Great work!

fanuch · February 12, 2018, 10:09am

Thanks @3vasi0n!

Sunonline · February 12, 2018, 10:52am

Thank you so much. I will try to learn. Never have try this before.

fanuch · February 14, 2018, 2:06pm

Thanks for the kind sentiment. That was my exact purpose, and I’m glad it to hear it!

john1 · February 16, 2018, 3:56pm

Thanks you so much. I wanted to set up Custom UI but I didn’t have the time to create the yaml and try to get the correct dimensions.
This is saving me so much time!

joshluster · March 14, 2018, 5:53pm

Is the link for this tool broken for anyone else?

oakbrad · March 15, 2018, 2:44am

502 Bad Gateway

fanuch · March 15, 2018, 12:48pm

Sorry about that guys, I’ve given her the ol’ restart.
Back up and running.

Thanks for pointing that out @joshluster and @oakbrad

mohesles1 · March 15, 2018, 2:56pm

Can this be used for HADashboard?

fanuch · March 16, 2018, 2:52am

Not at the moment. The requirements for the output is different, but when I have a moment I will see if I can make a version for HADashboard

tom_l · May 26, 2018, 6:53am

When I visit the link I get:

{“Message”:“User: anonymous is not authorized to perform: es:ESHttpGet”}

Tried in Firefox and Edge.

Is it working for anyone?

aidbish · June 11, 2018, 2:26am

Same here, seems issue with site

sparkydave · June 11, 2018, 2:37am

hopefully fixed soon as this looks awesome but I’m yet to try it out

radinsky · June 24, 2018, 10:43am

Broken link

fversteegen · September 8, 2018, 11:50am

This is exactly what I am looking for. Too bad the link is down…

akszyn_pl · July 5, 2021, 10:13pm

is the generator page dead?

tom_l · July 6, 2021, 1:51am

Probably. The tiles card has been abandoned.