STEP 01
Design
- Drag-and-drop LVGL widgets
- Style colors, fonts & layouts
- Animate in real time
BETA LIVE NOW
The Ultimate Drag-and-DropLVGL Editor & GUI Builder.
Design, prototype, and export production-ready LVGL UI
Get Started. It's Free!
Real-time collaborative editing, leave feedback, see changes as they happen, and keep your team in sync.
What is PicoPixel?
PicoPixel is a browser-based visual editor for LVGL. Drag and drop components onto a live canvas, style them visually, and export clean C code ready to compile on ESP32 and beyond.
Think of it as Figma for embedded UIs: real-time collaboration, a built-in simulator, and nothing to install. Explore all features or see how it works.
Used by makers at
Key Features
Everything You Need to Design LVGL GUIs
A complete visual toolkit for LVGL, from drag-and-drop layout to production-ready code export.
Visual Design Canvas
Add widgets onto a pixel-perfect LVGL canvas. See every change in real time as you build.
Version Control Built-In
Track every change with built-in version control. Use the Actions panel for granular session history and precise rollbacks.
Assets Library
Reusable widgets, images, fonts, and colors. Drag and drop to build new interfaces.
Share Easily
Send simulator links to clients or teammates. They can view progress and interact with your UI live.
Events Editor
Drag and drop event handlers onto widgets and buttons. Wire up LVGL actions, transitions, and callbacks without writing code.
Animation Editor
Keyframe position, size, opacity, and more right on a visual timeline. Then layer animations across frames and preview smooth LVGL transitions without writing a single line of code.
Compatible with Arduino, ESP32, and More
PicoPixel generates standard LVGL C code that compiles on any platform with an LVGL port, including ESP32, STM32, Arduino, Raspberry Pi Pico, and dozens of other microcontrollers.
How It Works
From blank canvas to production-ready C code in three steps.
STEP 02
Preview
- Built-in LVGL simulator
- Shareable preview links
- Review with team or clients
STEP 03
1 /* sprite.c */
2 lv_obj_t *scr = lv_scr_act();
3 lv_img_set_src(spr, &sprite);
4 lv_anim_start(&a); // idle
ui.cscreens.cactions.c
Export
- Well-structured LVGL source
- Flash & run on real hardware
- Compare with other LVGL editors.
Hi, I'm Ed.
cat ./about.md
name Ed
role Code monkey
Since my time at an Apple-acquired startup where I worked on a couple of Watch prototypes, I've been itching to get back closer to hardware. A little over a year ago I finally started building my own, and couldn't find an LVGL editor I actually liked using. So I built one.
I recently left my day job to focus on the hardware and PicoPixel full‑time.
If you're trying it out, I'd genuinely love your feedback. The good, the bad, the weird edge cases.
Start building your embedded UI
for free.
No credit card. No time limits. Jump straight into the visual LVGL editor and bring your embedded interfaces to life, whether you’re building for ESP32, Arduino, M5Stack, or any LVGL-compatible board. See all features.