[walv] An Online GUI Designer for LittlevGL

My projects
1

I would like to introduce my new project walv. You can try it online.
walv supports C and Python and has many features(style editor, code preview…). It’s a static web app and can be deployed anywhere. To use walv, what you need is the latest browser(Recommend PC 1920x1080).

preview
75126997-84043300-56f7-11ea-8b54-3a5603cec9b7.gif1918×953 1.66 MB

Style Editor(initial, for text only)
style_editor
75605140-0e46ff80-5b1b-11ea-9260-f0c9ad87dc5a.gif1916×953 611 KB

Usage

Create

  1. Click a node of the treeview in the left(as the parent), for example, screen.
  2. Choose which widget you want, and then click the +.

Generat && Export the final code

  1. Click the Generate button to generate the source code, you can preview and edit the code in Code Editor.
  2. Click the Export button, you can download the code in Code Editor.

This project welcomes any suggestions and ideas. :wink:

13 Likes
2

Very cool! :clap:

1 Like
3

Hello,

I tried it and found that if I create many objects, delete all, add one more and export the code… the code has entries for all deleted objects.

4

Oh, you need to click the generate to refresh the code, otherwise, the old code still remains

5

Awesome! :heart:

1 Like
6

Cool, do you consider supporting other ports of Lvgl in other languages?

7

It’s cool!
but, the max of screen size is only 800x480 pi!
The larger resolution LCD is common now.
Hope the APP can use in larger screen size!

8

wow, this really works pretty well! I don’t see a way to save projects, can this be done?