De visuele drag & drop LVGL-editor.
Hoe PicoPixel werkt
PicoPixel transformeert LVGL-ontwikkeling van een code-first proces naar een visuele drag-and-drop-workflow. Ga van een leeg canvas naar een productieklare embedded UI in minuten — ontwerp visueel, bekijk met een live LVGL-simulator en exporteer schone C-code. Geen installatie vereist.
Aan de slag. Het is gratis!Van ontwerp naar apparaat in 6 stappen
Ontwerp je interface
Open PicoPixel in je browser — geen downloads, geen installatie. Sleep LVGL-widgets vanuit het palet naar een pixelperfect canvas en style ze visueel.
- • Knoppen, labels, sliders, schakelaars, bogen, grafieken, dropdowns, rollers, checkboxen, tekstvelden, tabviews, containers en afbeeldingen
- • Stel je doelbeeldschermresolutie in zodat deze overeenkomt met je hardware
- • Style kleuren, randen, padding, lettertypen, dekking, verlopen en schaduwen
- • Gebruik uitlijn- en verdeeltools om widgets nauwkeurig te positioneren
- • Organiseer schermen en lagen voor interfaces met meerdere pagina's
Koppel interacties
Gebruik de visuele evenementeneditor om widgetacties te koppelen zonder een enkele regel C-code te schrijven. PicoPixel genereert de LVGL-event-callbacks automatisch.
- • Knopdruk → navigeer naar een ander scherm
- • Sliderwaarde wijzigt → update een label
- • Checkbox schakelen → toon of verberg een paneel
- • Dropdown-selectie → wijzig een stijl of trigger een actie
- • Sleep acties naar widgets — geen callback-code nodig
Bekijk in de live simulator
PicoPixel compileert LVGL naar WebAssembly en draait het direct in je browser. De preview is de daadwerkelijke LVGL-rendering-engine — geen mock-up.
- • Zie precies hoe je UI er op hardware uitziet
- • Test touch-interacties, scrollen en animaties
- • Interactie-overlays tonen wat er getikt en gescrold kan worden
- • Deel een simulatorlink met je team of klant — geen ontwikkelomgeving nodig
Exporteer productieklare code
Download je project als schone LVGL C-bronbestanden. De output gebruikt standaard LVGL API-aanroepen zonder propriëtaire afhankelijkheden — voeg het toe aan elk LVGL-project.
- • Widgetdefinities en layoutcode
- • Stijldeclaraties
- • Event-handler-bindingen
- • Lettertype- en afbeeldingsasset-referenties
- • Standaard LVGL 8.x API — geen PicoPixel-runtimebibliotheek
Integreer en flash
Voeg de geëxporteerde bestanden toe aan je ESP-IDF-, Arduino- of PlatformIO-project. Compileer, flash, en de UI op je apparaat komt pixel voor pixel overeen met de simulator.
- • Werkt met ESP32, STM32, Arduino, Raspberry Pi Pico en elk LVGL-compatibel platform
- • Neem de UI-header op en roep ui_init() aan nadat je displaydriver is geconfigureerd
- • Geen wijzigingen aan het buildsysteem nodig voor de meeste configuraties
- • Of geef het zipbestand aan een AI-code-assistent en laat die de integratie afhandelen
Werk samen en itereer
Nodig teamleden uit voor je project. Iedereen bewerkt hetzelfde canvas in realtime. Gebruik ingebouwd versiebeheer om wijzigingen bij te houden en terug te draaien wanneer nodig.
- • Realtime gezamenlijk bewerken — live cursors, feedback, annotaties
- • Ingebouwd versiebeheer met gedetailleerde sessiegeschiedenis
- • Keer terug naar elke eerdere staat en vergelijk versies
- • Deel simulatorlinks voor stakeholder-reviews
Waarom drag-and-drop voor LVGL?
Het bouwen van embedded UI's met LVGL betekent traditioneel regel voor regel C-code schrijven — widgets positioneren met pixelcoördinaten, stijlen toepassen via functieaanroepen en opnieuw compileren na elke wijziging. Het werkt, maar de feedbackloop is traag en de code is moeilijk te visualiseren.
De drag-and-drop-aanpak van PicoPixel vervangt die cyclus met een visuele editor waarin je het resultaat direct ziet. Sleep een knop naar het canvas, wijzig de grootte, verander de kleur, voeg een label toe — en de live LVGL-simulator toont precies hoe het eruitziet op je doelhardware. Als je klaar bent, exporteer je schone C-code die compileert op ESP32, STM32, Arduino en elk LVGL-compatibel platform.
De visuele workflow is sneller voor prototyping, eenvoudiger voor teams (ontwerpers en engineers kunnen in realtime samenwerken) en levert dezelfde productieklare LVGL-code op die je met de hand zou schrijven. Bekijk alle PicoPixel-functies of lees de gedetailleerde vergelijking met andere LVGL-editors.
Veelgestelde vragen
Moet ik iets installeren om PicoPixel te gebruiken?
Nee. PicoPixel draait volledig in je browser. Open de editor-URL, log in en begin met ontwerpen. Er is geen desktop-app, geen plug-in en geen SDK om te installeren.
Welke LVGL-widgets kan ik gebruiken in de editor?
PicoPixel ondersteunt de kern LVGL-widgetset inclusief knoppen, labels, sliders, schakelaars, dropdowns, rollers, bogen, balken, grafieken, afbeeldingen, checkboxen, tekstvelden, tabviews, containers en meer. We voegen continu ondersteuning toe voor aanvullende widgets.
Hoe nauwkeurig is de live simulator?
De simulator draait de daadwerkelijke LVGL-rendering-engine gecompileerd naar WebAssembly — het is geen mock-up of CSS-benadering. Wat je in de preview ziet, komt pixel voor pixel overeen met je doelhardware.
Welk formaat heeft de geëxporteerde code?
PicoPixel exporteert een zipbestand met schone, leesbare LVGL C-code (.c- en .h-bestanden). De output bevat widget-creatie, styling, layout en event-handler-configuratie — allemaal met standaard LVGL API-aanroepen zonder propriëtaire afhankelijkheden.
Kan ik de geëxporteerde code gebruiken met ESP-IDF, Arduino of PlatformIO?
Ja. De geëxporteerde code gebruikt standaard LVGL API-aanroepen, dus het werkt met elk buildsysteem dat LVGL ondersteunt — inclusief ESP-IDF, Arduino IDE en PlatformIO. Voeg de bestanden toe aan je project en roep ui_init() aan nadat je displaydriver is geconfigureerd. Voor platformspecifieke details, bekijk onze ESP32-gids.
Is PicoPixel gratis?
Ja. PicoPixel is gratis te gebruiken — ook voor commerciële projecten. Geen creditcard vereist. Naarmate het platform groeit en meer gebruikers aansluiten, kunnen betaalde abonnementen worden geïntroduceerd om opslag- en servicekosten te dekken. Er zal altijd een gratis tier zijn.
Ontwerp je eerste LVGL-interface — gratis
Open PicoPixel in je browser, sleep LVGL-widgets naar het canvas en exporteer productieklare C-code in minuten. Geen installatie. Geen creditcard.
Aan de slag. Het is gratis!Gratis te gebruiken — ook voor commerciële projecten. Lees de FAQ · Neem contact op