Feature Phone UI in LVGL, Zig and WebAssembly

My projects
1

We have created an LVGL App that runs in a Web Browser and on Pine64 PinePhone…

  1. We compiled LVGL Library from C to WebAssembly with Zig Compiler

  2. We wrote our LVGL App in the Zig Programming Language (instead of C)

  3. Exact same code runs in a Web Browser and on PinePhone (with Apache NuttX RTOS)

  4. Which is super helpful for prototyping LVGL Apps

Check out the details in this article:

“NuttX RTOS for PinePhone: Feature Phone UI in LVGL, Zig and WebAssembly”

(Try it in your Web Browser)

(Watch the Demo on YouTube)

How it looks on PinePhone:

lvgl4-title
lvgl4-title1512×1889 268 KB

And how we tested in a Web Browser with WebAssembly:

lvgl3-wasm6
lvgl3-wasm6877×1113 91.6 KB

1 Like
2

Amazing! I’ll share it our newsletter :slight_smile:

1 Like
3

Thank you so much! I hope someday we can build and test an entire LVGL App in our Web Browser :slight_smile:

4

Now we have Emscripten to build HTML form C, but its only for demos. I wonder what improvement ideas you have in mind? :slight_smile:

2 Likes
5

Maybe we can drag-and-drop to create an LVGL App in the Web Browser? And we test the LVGL App in the Web Browser with WebAssembly?

We might have a way to drag-and-drop a Zig Program in the Web Browser: GitHub - lupyuen3/blockly-zig-nuttx: Visual Programming for Zig with NuttX Sensors

6

We will do exactly this with SquareLine v2 :slight_smile: (it’s still under development)

1 Like
7

CONGRATZ!! NuttX RTOS and LVGL ROX! :slight_smile:

1 Like
8

Thank you so much! :slight_smile:

9

so are we not able to build html for our own LVGL projects? only demos?

10

Sorry I’m no longer maintaining this project. Maybe we should explore SquareLine v2? (As mentioned above)