Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>LVGL EditorNew to Visual Studio Code? Get it now.
LVGL Editor

LVGL Editor

LVGL

|
1,474 installs
| (0) | Free
The official LVGL UI Editor - extension for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

LVGL VSCode Extension

After installing:

  1. Add an LVGL project as a workspace folder (must have a globals.xml file in the top-level). NOTE: Having more than LVGL projects open is not supported.
  2. Use command palette to run "LVGL: Open Preview". (If this option doesn't show in the command palette, open an LVGL XML file and then search for it).
  3. Use the command Output: Show Output Channels > LVGL Editor if you want to get console output from the extension (very helpful for debugging and progress updates).
  4. Hit "Generate code" button
  5. Hit "Compile project" button (may take a few minutes the first time)

The preview panel will show an interactive preview of any LVGL XML file.

Known Issues:

  • Project compilation sometimes fails, but works on the second try.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft