Wat is PicoPixel?
Een browsergebaseerd visueel ontwerptool, speciaal gebouwd voor embedded gebruikersinterfaces aangedreven door LVGL.
Sleep widgets naar een pixelperfect canvas, style ze visueel, koppel event-handlers met een visuele event-editor, beheer herbruikbare assets en exporteer productieklare C-code voor je doelplatform. Zie het als Figma voor embedded UI's.
Alles draait in de browser zonder installatie. PicoPixel is gratis te gebruiken.
Knoppen, sliders, schakelaars, bogen, grafieken, dropdowns, rollers, checkboxen, tekstgebieden, tabviews, containers, afbeeldingen
Koppel interacties zonder C-code te schrijven
WebAssembly-gestuurde hardwarepreview, pixel voor pixel
Live cursors, annotaties, deelbare simulatorlinks
Gedetailleerde sessiegeschiedenis met rollback in één klik
Schone LVGL 8.x-code voor ESP32, STM32, RP2040 en meer
Op de schouders van reuzen
Niets hiervan zou bestaan zonder LVGL en het ongelooflijke werk van het LVGL-team om de bibliotheek volledig open source te maken. Hun keuze om LVGL gratis en toegankelijk te houden, maakte tools zoals PicoPixel überhaupt mogelijk.
We zijn iedereen die bijdraagt aan het LVGL-ecosysteem enorm dankbaar: de core maintainers, communityleden die issues melden en drivers schrijven, en elke ontwikkelaar die ervoor kiest ermee te bouwen. Dank jullie wel.
Het LVGL-team nam contact op met alleen maar vriendelijke woorden en felicitaties toen PicoPixel werd gelanceerd.
Ze verwelkomden het project als een positieve toevoeging aan het ecosysteem en waren oprecht enthousiast dat er meer tooling rond LVGL wordt gebouwd.
We ontvingen onlangs een onaangename e-mail van iemand uit hun team.
We reproduceren de inhoud hier niet, maar vonden het de moeite waard om het contrast te benoemen in hoe verschillende mensen in de community reageerden.
Waarom we het hebben gebouwd
UI's bouwen voor embedded apparaten betekende traditioneel pixelcoördinaten met de hand coderen en worstelen met low-level grafische bibliotheken: C-code schrijven, flashen, het display controleren, aanpassen, opnieuw flashen.
Wij geloven dat embedded ontwikkelaars dezelfde visuele ontwerpervaring verdienen die web- en mobiele ontwikkelaars gewend zijn. PicoPixel overbrugt die kloof met een drag-and-drop-editor, een live simulator die exact laat zien hoe je UI op hardware wordt weergegeven, en een samenwerkingsworkflow waarmee teams realtime samen kunnen ontwerpen.
Hoe het werkt
Van canvas naar hardware in zes stappen.
Ontwerpen
Sleep LVGL-widgets naar een pixelperfect canvas en style ze visueel.
Interactie koppelen
Verbind knopdrukken met schermnavigatie en sliderwijzigingen met label-updates. Geen C-code.
Voorvertoning
Bekijk je UI in een live LVGL-simulator aangedreven door WebAssembly. De echte rendering-engine, geen mock-up.
Exporteren
Genereer productieklare LVGL C-code (.c- en .h-bestanden) zonder propriëtaire afhankelijkheden.
Flashen
Voeg de geëxporteerde bestanden toe aan je ESP-IDF-, Arduino- of PlatformIO-project en flash naar hardware.
Itereren
Werk realtime samen met je team via ingebouwd versiebeheer.
Een bericht van Ed
Ik bouw momenteel een instrumentencluster en breng een flink deel van mijn tijd door tussen Tokyo en Shenzhen. Als je hardware bouwt of toevallig in een van beide steden bent, drink ik graag iets om over projecten te praten.
Voor PicoPixel werkte ik een paar jaar bij een van de grootste brokeragebedrijven. Ik heb ook een tijdje bij een door Apple overgenomen startup gewerkt, waar ik aan een paar Watch-prototypes bouwde. Daar begon de drang om weer dichter bij hardware te komen, wat uiteindelijk tot dit project leidde.
Ik hoor graag waar je aan bouwt en welke veranderingen je in PicoPixel zou willen zien. Laat gerust iets van je horen.
Open bèta
Eerlijk over waar we staan.
PicoPixel is in open bèta en wordt momenteel gebouwd en onderhouden door één ontwikkelaar. De widgetset groeit actief, LVGL v9.x-ondersteuning staat gepland en nieuwe functies worden regelmatig uitgebracht, waaronder de onlangs gelanceerde animatiemodus met keyframing op een tijdlijn.
Er kunnen tijdelijke beperkingen zijn terwijl de infrastructuur opschaalt. Je geduld en feedback betekenen enorm veel. Als je ergens tegenaan loopt, neem gerust contact op.
Begin gratis met het bouwen van je LVGL-interface
Ontwerp embedded UI's visueel, bekijk ze in een live LVGL-simulator en exporteer productieklare C-code. Geen installatie. Geen creditcard. Open PicoPixel in je browser en begin met ontwerpen.
Aan de slag. Het is gratis!