Browser-based LVGL UI editor for ESPHome

[ESPBoards]

Hello everybody,

If you use ESPHome on ESP32 with LVGL displays, I wanted to share a small project I’ve been working on.

I’ve been using ESPHome + LVGL for a while, and honestly got pretty frustrated with how long it takes to recompile and reupload firmware just to see tiny UI changes.

I tried a few existing tools, but most of them either required local setup or didn’t fully help visualize the UI before uploading it to the ESP32.

So I ended up building a browser-based LVGL UI editor for ESPHome that lets you visually design your screens and see layout changes in real time, without constantly flashing your device.

Here’s the link:
https://www.espboards.dev/tools/esphome-lvgl-designer/

It runs directly in the browser and helps you quickly prototype and lay out UI visually.

This is still a very early-stage project, so there will definitely be some issues and missing features. Any feedback is really appreciated!

[lichurbagan]

That’s a great tool. It solves a real ESPHome pain. Rapid LVGL testing saves tons of time. Export-to-YAML would be super useful. A live preview mode would be amazing. Add preset screen sizes for accuracy. A widget library helps beginners a lot. Font loading support would improve layout trust. A hierarchy panel boosts workflow clarity. Offline PWA mode would be handy. This project has strong potential. Consider sharing it on the ESPHome community. You’ll get solid feedback from users. Keep building it. You're onto something very helpful.

[ESPBoards]

Thanks so much for the feedback! I really appreciate it. I’ve already shared it on the ESPHome forum and Reddit.

Actually, the YAML export, live preview, preset screen sizes are all already there - it’s just early-stage, so some of it might feel a bit rough around the edges, but I am working on improving it.