BETA NU LIVE

De ultieme drag-and-drop LVGL-editor & GUI-builder.

Ontwerp, prototype en exporteer productieklare LVGL-UI

Begin gratis!

PicoPixel LVGL editor, font panel for embedded UI font selection and sizing

Realtime samen bewerken — geef feedback, zie wijzigingen terwijl ze gebeuren en houd je team gesynchroniseerd.

Maak eenvoudig verschillende versies aan en herstel ze. Sessieacties volgen gedetailleerde wijzigingen aan je widgets.

Maak herbruikbare aangepaste widgets die je kunt slepen en neerzetten in bestaande of andere projecten.

Live LVGL-simulator die je kunt delen met teamleden of klanten. Interactie-overlays tonen precies wat kan worden aangetikt en gescrold.

Maak eenvoudig een reeks lettertypen aan en ruim op wat je niet nodig hebt zodra je de juiste grootte hebt gevonden.

Wat is PicoPixel?

PicoPixel is een browsergebaseerde visuele editor voor LVGL. Sleep componenten naar een live canvas, style ze visueel en exporteer schone C-code die klaar is om te compileren op ESP32 en meer.

Zie het als Figma voor embedded UI's — realtime samenwerking, een ingebouwde simulator en niets te installeren. Ontdek alle functies of bekijk hoe het werkt.

Gebruikt door makers bij

Belangrijkste functies

Alles wat je nodig hebt om LVGL GUI's te ontwerpen

Een complete visuele toolkit voor LVGL — van drag-and-drop-layout tot productieklare code-export.

PicoPixel LVGL editor, visual canvas with drag-and-drop widgets

Visueel ontwerpcanvas

Voeg widgets toe op een pixelperfect LVGL-canvas. Zie elke wijziging in realtime terwijl je bouwt.

PicoPixel LVGL editor, version control history panel showing project checkpoints

Ingebouwd versiebeheer

Houd elke wijziging bij met ingebouwd versiebeheer. Gebruik het Acties-paneel voor gedetailleerde sessiegeschiedenis en precieze rollbacks.

PicoPixel LVGL editor, reusable component and asset library panel

Assetbibliotheek

Herbruikbare widgets, afbeeldingen, lettertypen en kleuren — sleep en plaats om nieuwe interfaces te bouwen.

PicoPixel LVGL editor, code export panel with production-ready C code

Eenvoudig delen

Stuur simulatorlinks naar klanten of teamgenoten — zij kunnen de voortgang bekijken en live met je UI interacteren.

PicoPixel LVGL editor, events editor with drag-and-drop action builder

Event-editor

Sleep event-handlers naar widgets en knoppen. Koppel LVGL-acties, overgangen en callbacks zonder code te schrijven.

PicoPixel LVGL editor, animation editor with a keyframe timeline for Position, Size, and Opacity across layers and frames

Animatie-editor

Keyframe positie, grootte, dekking en meer direct op een visuele tijdlijn. Leg daarna animaties over frames heen en bekijk vloeiende LVGL-overgangen zonder één regel code te schrijven.

Compatibel met Arduino, ESP32 en meer

Arduino, compatible with PicoPixel LVGL editor

Adafruit, compatible with PicoPixel LVGL editor

LILYGO, compatible with PicoPixel LVGL editor

PicoPixel genereert standaard LVGL C-code die compileert op elk platform met een LVGL-port — inclusief ESP32, STM32, Arduino, Raspberry Pi Pico en tientallen andere microcontrollers.

Hoe het werkt

Van leeg canvas naar productieklare C-code in drie stappen.

STEP 01

Ontwerpen

Drag-and-drop LVGL-widgets
Style kleuren, lettertypen & layouts
Animeer in realtime

STEP 02

Voorvertoning

Ingebouwde LVGL-simulator
Deelbare voorvertoningslinks
Review met team of klanten

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.c screens.c actions.c

Exporteren

Goed gestructureerde LVGL-broncode
Flash & run op echte hardware
Vergelijk met andere LVGL-editors.

Hoi, ik ben Ed.

cat ./about.md

naam Ed

rol Codeklopper

Sinds mijn tijd bij een door Apple overgenomen startup, waar ik aan een paar Watch-prototypes werkte, wilde ik weer dichter bij hardware komen. Iets meer dan een jaar geleden begon ik eindelijk mijn eigen hardware te bouwen en kon ik geen LVGL-editor vinden die ik echt graag gebruikte. Dus bouwde ik er een.

Ik heb onlangs mijn baan opgezegd om me fulltime op hardware en PicoPixel te richten.

Als je PicoPixel uitprobeert, hoor ik oprecht graag je feedback: het goede, het slechte en de rare randgevallen.

Afspreken? →

Seattle / Shenzhen / Tokyo

Email Discord

Begin met het bouwen van je embedded UI —
gratis.

Aan de slag

Geen creditcard. Geen tijdslimiet. Spring direct in de visuele LVGL-editor en breng je embedded interfaces tot leven — of je nu bouwt voor ESP32, Arduino, M5Stack of elk ander LVGL-compatibel board. Bekijk alle functies.