JavaScript

With lv_binding_js you can use LVGL from within JavaScript.

It uses React's virtual DOM concept to manipulate LVGL UI components, providing a familiar React-like experience to users.

Code

Code Running on Real Device

Features

• Support all lvgl built-in components

• Fully support lvgl flex and grid style

• support most lvgl style, just write like html5 css

• support dynamic load image

• Fully support lvgl animation

Demo

See the demo folder

Building

The following are developer notes on how to build lvgljs on your native platform. They are not complete guides, but include notes on the necessary libraries, compile flags, etc.

lvgljs

• Build Notes for embedded Linux device

• Build Notes for SDL Simulator (Linux and macOS)

JS Bundle

• JS Bundle build Notes

Components

• View

• Image

• Button

• Text

• Input

• Textarea

• Switch

• Checkbox

• Dropdownlist

• ProgressBar

• Line

• Roller

• Keyboard

• Calendar

• Chart

Font

• Builtin-Symbol

Animation

• Animation

Style

• position-size-layout

• boxing-model

• color

• flex

• grid

• font

• opacity

• display

• background

• scroll

• shadow

• recolor

• line

• transition

• transform

JSAPI

• network

• filesystem

• dimension

Thanks

lvgljs depends on following excellent work:

• lvgl: Create beautiful UIs for any MCU, MPU and display type

• QuickJS: JavaScript engine

• libuv: platform abstraction layer

• curl: HTTP client

• txiki.js: Tiny JavaScript runtime