ESPHome LVGL editor overview

Hello everybody,

I opend this thread because I’m searching as a LGVL-beginner for a ESPHome LGVL Editor and there are some projects running, but none of them is at an final stage or it’s not very beginners-friendly yet.

Would be nice to collect all the current projects to have a overview and a help to find the right tool for anybodys project.

If you know other projects, hints or tipps and tricks, please let people know.

what I found so far:
(the order has nothing to mean)

another interesting project with upcoming LVGL support:

Today I was playing arround with Squareline Studio and the converter tool from @gpambrozio and must say, as far, this works great.

Okay, everything tooked a long time because I did had to learn about to deal with the Squareline Studio and first time I was running a python project on my computer. But without this tools I would have given up allready.
It is a bit tricky, because SS has a ton of setting what LGVL on ESPHome does not support all of them. Anyway it is a big help until now.

For a start I created only a few screens with buttons to switch from screen to screen, nothing special, but this works and it’s a good start.

Hello Jojo, I’ll be following your posts with interests, keep 'em coming!

small update:
I wasted so much time because this display has got a terrible colour calibration, or better sayed no calibration at all. my theme should be purple-ish, but it resulted allways in blue. thats about the display it self and seems to be “normal”.

with SquarelineStudio and the SquarlineToEsphome converter I could do the basic, plain displays.
already did try to add a Arc, but I think for this I will try a other tool like the lvgl-editor from kr0ner. SquarelineStudio misses some settings for Arc. e.g. you can’t define the dot and there is no scale.

tryed the lvgl-editor from kr0ner.
tool is very basic only. but the main problem I have is that a error ocurs when I try to save or load a project or .yaml. don’t know what I’m doing wrong or if this is a bug.
so I will continue with SquarelineStudio. until know it seems to be the one and only useful editor.



Hello,
I was working on my own lvgl ui editor for a while and released recently. Still looking to hear the first feedback.

5 Likes

nice to hear about your project. that is brillhant, thanks.

Good list!
I did not know that there are so many other projects. Maybe someone wants to join forces with my project GitHub - koosoli/ESPHomeDesigner: Visual HMI dashboard editor and ESPHome YAML generator for ePaper displays, with offline Home Assistant panel, icon/font support, and layout syncing via a custom integration.

2 Likes

Don’t forget mine. You can get a button panels working with only a few lines of simple code and it support 18 different screens out of the box.

1 Like

Haven’t found it on my search. But now you are here. :slight_smile:

For a beginner like me it looks a bit more complicated to be installed.
There is this readme on the project page, but could you please explane for me and maybe other beginners more detailed.
I have ESPhome device builder on a Rpi4 with HASSOS. Can I install everything directly on there and is it smart to do so? Or is it better to get another device or docker container to build the screens to avoid breaking something on HASSOS or the ESP addon in future?
Sorry to ask, but it seems to be a bit complicated for me.

Nice work with the different screen support! This might be handy for my project, to support more projects. Thank you for this awsome contribution!

yea, would be brillhant if some ideas could join together.

working on something big!



2 Likes

Ooohhhh, that looks amazing. I was going to ask you to change to LVGL but it looks like you already did!

I have hardware files already for a lot of different screens if you need them.

Thank you, yes, I did find them, and I integrated almost all of them; that was very, very helpful! Will make sure to give you a credit for that on the project page :slight_smile:

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

2 Likes

ESPHome Designer v0.8.0 is now available! :rocket:

I’ve spent a lot of time squashing bugs to make this release as stable as possible. It’s still a work in progress, but I hope it makes designing your displays a little easier.

Walkthrough: https://www.youtube.com/watch?v=3AVGze6F_5o
GitHub: https://github.com/koosoli/ESPHomeDesigner

3 Likes

Today I made some experiments with the ESPHomeDesigner integration om my ESP32-S3-7"-colour-touch-lcd and have to say that this is the lvgl editor tool for me.
It is not finnished yet and on its way, but gets quickly better and better.