De visuele drag & drop LVGL-editor

Bouw LVGL-interfaces visueel

Samen.

Ontwerp, prototype en exporteer productieklare LVGL-interfaces — zonder handmatig coderen.

Begin gratis!
PicoPixel editor workspace showing a car dashboard UI design with speedometer and gauges PicoPixel typography panel showing 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.

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

Version control history panel showing checkpoints and revisions

Ingebouwd versiebeheer

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

Component library panel with LVGL widgets

Assetbibliotheek

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

Code export panel showing generated LVGL C code

Eenvoudig delen

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

Events editor with drag-and-drop LVGL actions

Event-editor

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

Compatibel met Arduino, ESP32 en meer

ArduinoFlipperESPHomeEspressifAdafruitLILYGOM5Stack

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.

Eenvoudige workflow

Hoe het werkt

1

Ontwerpen

Sleep LVGL-widgets naar een pixelperfect canvas. Style kleuren, lettertypen, layouts en animaties in realtime.

2

Voorvertoning

Draai je interface in de ingebouwde LVGL-simulator aangedreven door WebAssembly. Deel interactieve voorvertoningslinks met je team of klanten.

3

Exporteren

Download productieklare C-code geoptimaliseerd voor je doelplatform. Flash het en zie exact dezelfde UI op de hardware. Vergelijk met andere LVGL-editors.

Gratis te gebruiken

Begin met het bouwen van je embedded UI — gratis.

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.