De visuele drag & drop LVGL-editor.

Veelgestelde vragen

Alles wat je moet weten over PicoPixel. Kun je niet vinden wat je zoekt? Neem contact op.

Algemeen

Wat is PicoPixel?

PicoPixel is een browsergebaseerde visuele editor voor LVGL — de populaire open-source grafische bibliotheek voor embedded displays. Hiermee kun je ontwerpen, bekijken in een live simulator en productieklare C-code exporteren zonder handmatig layout-boilerplate te schrijven. Bekijk hoe het werkt.

Moet ik iets installeren?

Nee. PicoPixel draait volledig in je browser — er is geen desktop-app, geen plug-in en geen SDK om te installeren. Open de editor-URL, log in met GitHub of Google en begin met ontwerpen.

Welke browsers worden ondersteund?

PicoPixel werkt het beste in de nieuwste versies van Chrome, Edge en Firefox. Safari wordt ondersteund, maar kan kleine weergaveverschillen vertonen bij bepaalde LVGL-widgets.

Is PicoPixel open source?

De broncode van de editor is privé, maar het genereert code voor LVGL dat open source is onder de MIT-licentie.

Welke platformen en boards ondersteunt PicoPixel?

PicoPixel genereert standaard LVGL C-code die draait op elk platform met een LVGL-port — inclusief ESP32 (alle varianten inclusief ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas en Linux-gebaseerde systemen. We hebben getest op boards van LILYGO, M5Stack, Waveshare, Guition, Elecrow en Adafruit.

Hoe verschilt PicoPixel van SquareLine Studio?

PicoPixel is browsergebaseerd (geen installatie), ondersteunt realtime teamsamenwerking en bevat een live LVGL-simulator aangedreven door WebAssembly. SquareLine Studio is een desktop-applicatie waarvoor een betaalde licentie nodig is voor commercieel gebruik. PicoPixel is gratis voor commerciële projecten zonder beperkingen. Voor een gedetailleerde vergelijking, bekijk onze LVGL-editor vergelijking.

Hoe verhoudt PicoPixel zich tot andere LVGL-editors?

We bieden een gedetailleerde vergelijking van PicoPixel, SquareLine Studio en EEZ Studio op het gebied van functies, prijzen, samenwerking, code-export en meer. Bekijk de volledige LVGL-editor vergelijking.

Wat is de typische workflow in PicoPixel?

De workflow is: ontwerp je interface visueel op het canvas, koppel interacties met de visuele evenementeneditor, bekijk het resultaat in de live LVGL-simulator, exporteer productieklare C-code en integreer het in je firmwareproject. Voor een stapsgewijze uitleg, bekijk Hoe PicoPixel werkt.

Editor & functies

Welke versie van LVGL ondersteunt PicoPixel?

PicoPixel richt zich momenteel op LVGL 8.x, met ondersteuning voor v9.x gepland. De gegenereerde code gebruikt standaard LVGL API-aanroepen, zodat het probleemloos compileert met de nieuwste 8.x-release.

Kan ik een bestaand LVGL-project importeren?

Nog niet — de editor ondersteunt momenteel alleen het maken van projecten vanaf nul. Het importeren van bestaande LVGL-bronbestanden staat op onze roadmap en is een van de meest gevraagde functies.

Hoe werkt de live preview?

PicoPixel compileert LVGL naar WebAssembly en draait het direct in je browser. Wat je in de preview ziet, is de daadwerkelijke LVGL-rendering-engine — geen mock-up — dus de output komt pixel voor pixel overeen met je doelhardware.

Kan ik aangepaste lettertypen en afbeeldingen gebruiken?

Ja. Je kunt aangepaste lettertypebestanden en afbeeldingsassets rechtstreeks in de editor uploaden. De Typography-werkruimtemodus laat je een reeks lettertypen aanmaken en beheren, en de assetbibliotheek slaat herbruikbare widgets, afbeeldingen, lettertypen en kleuren op. Bekijk alle editorfuncties.

Heeft PicoPixel een live LVGL-simulator?

Ja. PicoPixel compileert LVGL naar WebAssembly en draait het direct in je browser. De simulator rendert je ontwerp met de daadwerkelijke LVGL-engine, zodat wat je ziet overeenkomt met je doelhardware. Interactie-overlays tonen wat er getikt en gescrold kan worden. Je kunt ook deelbare simulatorlinks genereren voor klanten of teamleden.

Kunnen meerdere mensen tegelijkertijd aan een project werken?

Ja. PicoPixel ondersteunt realtime gezamenlijk bewerken — een van de vijf werkruimtemodi. Meerdere teamleden kunnen tegelijkertijd aan hetzelfde project werken, feedback geven met annotaties en elkaars wijzigingen live zien.

Welke code exporteert PicoPixel?

PicoPixel exporteert een zipbestand met schone, productieklare LVGL C-code (.c- en .h-bestanden). De output bevat widget-configuratie, styling, layout, event-bindingen en asset-referenties — allemaal met standaard LVGL API-aanroepen zonder propriëtaire afhankelijkheden.

Heeft PicoPixel een visuele evenementeneditor?

Ja. De evenementeneditor laat je LVGL-eventhandlers visueel koppelen — sleep acties naar widgets voor schermnavigatie, stijlwijzigingen, waarde-updates en meer — zonder C-code te schrijven. PicoPixel genereert de LVGL-event-callbacks automatisch bij export. Bekijk alle functies.

Heeft PicoPixel ingebouwd versiebeheer?

Ja. PicoPixel bevat ingebouwd versiebeheer met checkpoints, gedetailleerde sessiegeschiedenis (Session Actions) en de mogelijkheid om naar elke eerdere staat terug te keren. Geen extern VCS nodig voor je UI-ontwerpwerk.

Wat zijn werkruimtemodi?

De editor van PicoPixel heeft vijf werkruimtemodi: Samenwerking (realtime teambewerking), Versiebeheer (checkpoints en geschiedenis), Assets (herbruikbare widget- en assetbibliotheek), Simulator (live LVGL-preview met interactie-overlays) en Typografie (lettertypebeheer). Elke modus focust de editor op een specifieke workflow.

Technisch

Kan ik PicoPixel gebruiken om een ESP32 touchscreen-UI te bouwen?

Absoluut. PicoPixel genereert standaard LVGL C-code die werkt met elke ESP32-variant — inclusief ESP32-S3, ESP32-P4 en meer. De export is getest op Waveshare en Guition ESP32-P4 boards. Ontwerp je touchscreen-layout visueel, bekijk het in de simulator en exporteer code voor ESP-IDF, Arduino of PlatformIO. Meer informatie over PicoPixel voor ESP32.

Werkt PicoPixel offline?

PicoPixel is een webgebaseerde applicatie die een internetverbinding vereist. Het bevat wel automatisch opslaan, zodat je werk beschermd is, zelfs als je verbinding wegvalt. Als een volledig offline workflow een harde eis is, bekijk onze editor-vergelijking voor desktop-alternatieven.

Welke LVGL-widgets ondersteunt PicoPixel?

PicoPixel ondersteunt de kern LVGL-widgetset inclusief knoppen, labels, sliders, schakelaars, dropdowns, rollers, bogen, balken, grafieken, afbeeldingen, checkboxen, tekstvelden, tabviews, containers en meer. De widgetset groeit — er worden actief nieuwe widgets toegevoegd.

Werkt PicoPixel met ESP-IDF, Arduino en PlatformIO?

Ja. De geëxporteerde code gebruikt standaard LVGL API-aanroepen zonder propriëtaire afhankelijkheden, dus het integreert met elk buildsysteem dat LVGL ondersteunt — inclusief ESP-IDF, Arduino IDE en PlatformIO. Bekijk de ESP32-integratiegids voor stapsgewijze instructies.

Welke beeldschermresoluties ondersteunt PicoPixel?

Je kunt elke beeldschermresolutie instellen in PicoPixel om overeen te komen met je doelhardware — van kleine 240x240 ronde displays (GC9A01) tot 320x240 SPI TFT's, 800x480 panelen en groter. De live simulator rendert op je gekozen resolutie.

Prijzen & abonnementen

Is PicoPixel gratis te gebruiken?

Ja. PicoPixel is gratis te gebruiken — ook voor commerciële projecten. Geen creditcard vereist. PicoPixel wordt gebouwd en onderhouden door een solo-ontwikkelaar, dus naarmate het platform groeit, kunnen betaalde abonnementen worden geïntroduceerd om opslag- en servicekosten te dekken. Er zal altijd een gratis tier zijn.

Komt er een gratis tier?

Ja. Er zal altijd een ruime gratis tier zijn met kernfuncties voor bewerken en exporteren. Gegenereerde code is commercieel gratis zonder beperkingen, ongeacht het abonnement.

Hoe werken de prijzen?

Naarmate het platform schaalt, worden optionele betaalde abonnementen geïntroduceerd — voornamelijk voor enterprise-functies zoals uitgebreide realtime samenwerking en opslag. We kondigen de details ruim van tevoren aan op onze Discord en sociale kanalen. Ons doel is PicoPixel toegankelijk te houden voor hobbyisten en concurrerend voor professionele teams.

Kan ik door PicoPixel gegenereerde code gebruiken in commerciële producten?

Ja. De geëxporteerde code gebruikt standaard LVGL API-aanroepen zonder propriëtaire afhankelijkheden of licentiebeperkingen. Je bent vrij om de door PicoPixel gegenereerde code kosteloos in commerciële producten te gebruiken.

Nog vragen?

We horen graag van je. Neem contact op en we reageren zo snel mogelijk.

Neem contact op