Ontwerp je interface met devisuele LVGL-editor.

Ontwerp, maak prototypes en exporteer productieklare LVGL-interfaces.

Werk tegelijk aan hetzelfde ontwerp, geef feedback en zie de wijzigingen van je team direct.

Wat is PicoPixel?

PicoPixel is een browsergebaseerde visuele editor voor LVGL. Sleep componenten naar een live canvas, pas de opmaak visueel aan 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 wijzigingen bij met het ingebouwde versiebeheer. In het paneel Session Actions vind je de stappen uit je sessie en kun je wijzigingen gericht terugdraaien.

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

Deel een simulatorlink met je klanten of teamleden. Ze kunnen je interface meteen bekijken en uitproberen.

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

Stel keyframes in voor positie, grootte, dekking en meer op een visuele tijdlijn. Combineer animaties over meerdere frames en bekijk vloeiende LVGL-overgangen zonder 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
Pas kleuren, lettertypen en lay-outs aan
Animeer in realtime

STEP 02

Voorvertoning

Ingebouwde LVGL-simulator
Deelbare voorvertoningslinks
Bespreek het ontwerp met je 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.cscreens.cactions.c

Exporteren

Goed gestructureerde LVGL-broncode
Flash de code en draai je UI op het apparaat
Vergelijk met andere LVGL-editors.

Hoi, ik ben Ed.

cat ./about.md

naam Ed

rol Programmeur

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

E-mail 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.