The ultimate drag-and-drop LVGL editor & GUI builder.

Everything You Need to Build LVGL Interfaces

PicoPixel is a browser-based visual LVGL GUI builder with drag-and-drop design, real-time collaboration, a live WebAssembly-powered simulator, and production-ready C code export. Design embedded touchscreen UIs for ESP32, STM32, Arduino, and any LVGL-compatible platform.

Get Started. It's Free!

Visual Drag-and-Drop Canvas

Place LVGL widgets onto a pixel-perfect canvas and style them visually. Adjust colors, fonts, padding, and flex layouts in real time.

ButtonLabelSliderSwitchArc

Real-Time Collaboration

Edit the same project simultaneously with your team. Live cursors, feedback, and shared project links (like Figma for embedded UIs).

A
B
C
3 team members online

Live LVGL Simulator

Preview your UI in a WebAssembly-powered LVGL simulator running in the browser. The actual rendering engine, not a mock-up.

320 × 240, LVGL 8.x

Reusable Assets Library

Save custom widgets, images, fonts, and colors to a shared library. Drag them into any project.

Widgets 3 saved
Colors
Aa Fonts
Images

Visual Events Editor

Wire up LVGL event handlers visually. Drag actions onto widgets (screen navigation, style changes, value updates): no C code needed.

Production-Ready Code Export

Export clean LVGL C code (.c and .h files) with no proprietary dependencies. Compiles on ESP32, STM32, Arduino, and any LVGL platform.

lv_obj_t *btn = lv_btn_create(parent);
lv_obj_set_size(btn, 120, 50);
lv_obj_center(btn);

Animations Editor with Keyframing

Create custom animations with a visual keyframe editor. Keyframe position, size, opacity, and more to bring your LVGL interfaces to life.

Timeline
PositionSizeOpacity

Shareable Preview Links

Send a simulator link to anyone. They can interact with your live LVGL interface in the browser: no account needed.

app.picopixel.io/share/proj_x8k2m

Browser-Based, Nothing to Install

No desktop app, no license dongle. Open a browser tab and start designing. Works on any OS.

ChromeFirefoxSafariEdge

Version Control Built-In

Create checkpoints, revert to any version, and track granular changes with Session Actions. No external VCS needed for your UI design.

Added home screen
Styled nav bar
Initial layout

A Complete Visual LVGL GUI Builder

PicoPixel is a visual drag-and-drop LVGL designer that replaces hand-coding widget trees with a modern, browser-based design experience. Instead of writing hundreds of lines of C code to position buttons, style labels, and wire up event callbacks, you do it all visually, and export clean, production-ready LVGL code when you are done.

Whether you are building a smart home panel, an industrial HMI, a handheld device interface, or prototyping a touchscreen UI for a new product, PicoPixel gives you the tools to design, preview, and ship faster. The LVGL GUI builder works with ESP32, STM32, Arduino, Raspberry Pi Pico, and any platform that runs LVGL. See how PicoPixel compares to other LVGL editors.

Frequently Asked Questions

How is PicoPixel different from SquareLine Studio?

PicoPixel is browser-based (no installation), supports real-time team collaboration, and includes a live LVGL simulator powered by WebAssembly. SquareLine Studio is a desktop application that requires a paid license for commercial use. PicoPixel is significantly more affordable, with a generous free tier and competitively priced paid plans. For a detailed side-by-side breakdown, see our LVGL editor comparison.

What hardware platforms does PicoPixel support?

PicoPixel generates standard LVGL C code that runs on any platform with an LVGL port, including ESP32 (all variants including ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas, and Linux-based systems. We have tested on boards from LILYGO, M5Stack, Waveshare, Guition, Elecrow, and Adafruit. If your hardware runs LVGL, the exported code will work on it.

What code does PicoPixel generate?

PicoPixel exports a zip file containing clean, production-ready LVGL C code (.c and .h files). The output includes widget setup, styling, layout, event bindings, and asset references, all using standard LVGL API calls with no proprietary dependencies.

Is PicoPixel free to use?

Yes, PicoPixel is free to use and always will be. No credit card required. Since launch, PicoPixel has grown at an unexpected pace and we are thrilled by the response from the community. To keep up with demand and expand storage capacity and infrastructure, we will be introducing paid plans for teams and users who need larger scale. The free Community tier will remain generous, including core editing, the live simulator, code export, and more. Paid plans are only for those who need expanded storage, more projects, larger teams, and commercial-use thresholds. See our full FAQ for details.

Does PicoPixel work offline?

No, PicoPixel is a web-based application that requires an internet connection. It does include auto-save, so your work is protected even if your connection drops. If offline support is a feature you would like to see, let us know.

Is the live simulator actually running LVGL?

Yes. PicoPixel compiles LVGL to WebAssembly and runs it directly in your browser. What you see in the preview is the actual LVGL rendering engine, not a mock-up or CSS approximation. The output matches your target hardware pixel-for-pixel.

Start Building Your LVGL Interface, for Free

Design embedded UIs visually, preview in a live LVGL simulator, and export production-ready C code. No installation. No credit card. Open PicoPixel in your browser and start designing.

Get Started. It's Free!

Read the FAQ · Get in touch