I’ve been working with ESPHome + LVGL for a while, and honestly, I got pretty frustrated with how long it takes to recompile and reupload firmware just to see tiny UI changes.
I tried a few other tools along the way, but most of them either required local setup on my own computer or didn’t really help me visualize the design so well.
So… I ended up building another tool to try and solve that problem.
It’s a browser-based LVGL UI editor for ESPHome that lets you visually design your screens and see changes in real time, without constantly flashing your device.
Here’s the link:
It runs directly in the browser and helps you quickly prototype and layout your UI visually.
Just a heads up: this is still a very early-stage project, so there will definitely be some issues. Any feedback is really appreciated - and if anyone runs into issues or wants to share their YAML so I can test the import feature, that would be great.
Thanks for making this, Might make learning this stuff a bit easier
One thing that I cant see on labels is how to set the ID so the generated code has the ID names I want to call it, rather than a generic : “id: lv_label_4”
Be really handy if that was added, that way it matches with the sensor stuff
I love your project, so much stuff that we could share between our two projects. Don’t you want to open-source your project so we could share code? cheers
I am planning to opensource it, but i want to make the tool a little bit more stable first, and most importantly the code base really needs a cleanup first.
I love how your editor cuts out the mind-numbing cycle of tiny tweaks and reuploads. I’ve had similar headaches on past UI projects, and tools like yours feel like a breath of fresh air. On a side note, I once worked with Tacoma web design for a small dashboard site, and that quick visual feedback loop you’re building into this feels just as smooth. Looking forward to seeing how your tool grows.
. I’ll definitaly be using this for some updates!