ESPHome CYD Home Assistant Display

I've been seeing many projects with CYD (cheap yellow display) and I finally got round to looking into it. ESPHome is great, but I find YAML a bit of a pain. So I started off by manually editing the YAML until I had a nice dashboard. I then thought to myself "wouldn't a visual editor be so much easier?", and so I developed a web app with a visual editor that generates the exact YAML you need to install the dashboard on to your CYD via ESPHome.

The idea of this visual editor is that you do not need to modify any YAML - you would customise the CYD layout, colours, icons, entities, etc. in the visual editor, and it would give you the exact YAML needed - all you'd then do is copy and paste it into your ESPHome device and click install.

I've tested it out and have been really pleased so far! Some of the features include:

• changing icons and colours for on/off states
• ability to add binary sensor, sensor, light, and switch
• supports a 2 x 3 grid of entities with a clock/date header OR a 2 x 4 grid without the clock/date
• icon picker - Material Design Icons or Material Symbols
• CYD variants - there is an SPI and I2C preset options, with the ability to set custom GPIO pins for custom hardware
• allows toggling of light and switch entities; UI updates accordingly

Please note: your CYD model may vary, so you may need to tweak things such as orientation or `swap_xy` in the config; if you purchase the exact one as described in the Git repo (2.8" ILI9341 CYD Board (USB-C)), the visual editor will work without any modifications.

Feedback is always welcome - please feel free to open a Github issue.

Happy tinkering!