STEP 01
Entwerfen
- Drag-and-Drop LVGL-Widgets
- Farben, Schriften & Layouts gestalten
- In Echtzeit animieren
BETA JETZT LIVE
Der ultimative Drag-and-DropLVGL-Editor & GUI-Builder.
Entwerfen, prototypisieren und exportieren Sie produktionsreife LVGL-UIs
Loslegen. Es ist kostenlos!
Kollaborative Echtzeit-Bearbeitung — Feedback hinterlassen, Änderungen live sehen und das Team synchron halten.
Was ist PicoPixel?
PicoPixel ist ein browserbasierter visueller LVGL-Editor. Ziehen Sie Komponenten auf eine Live-Leinwand, gestalten Sie sie visuell und exportieren Sie sauberen C-Code, der auf ESP32 und weiteren Plattformen kompiliert werden kann.
Stellen Sie es sich als Figma für eingebettete UIs vor — Echtzeit-Zusammenarbeit, integrierter Simulator und keine Installation erforderlich. Entdecken Sie alle Funktionen oder sehen Sie, wie es funktioniert.
Genutzt von Makern bei
Hauptfunktionen
Alles, was Sie für LVGL-GUI-Design brauchen
Ein vollständiges visuelles Toolkit für LVGL — vom Drag-and-Drop-Layout bis zum Export von produktionsreifem Code.
Visuelle Design-Leinwand
Fügen Sie Widgets auf einer pixelgenauen LVGL-Leinwand hinzu. Sehen Sie jede Änderung in Echtzeit.
Integrierte Versionsverwaltung
Verfolgen Sie jede Änderung mit der integrierten Versionsverwaltung. Nutzen Sie das Aktionen-Panel für detaillierte Sitzungsprotokolle und präzise Rücksetzungen.
Asset-Bibliothek
Wiederverwendbare Widgets, Bilder, Schriften und Farben — per Drag-and-Drop neue Interfaces erstellen.
Einfach teilen
Senden Sie Simulator-Links an Kunden oder Teammitglieder — sie können den Fortschritt sehen und live mit Ihrer UI interagieren.
Event-Editor
Ziehen Sie Event-Handler auf Widgets und Buttons. Verbinden Sie LVGL-Aktionen, Übergänge und Callbacks ohne Code zu schreiben.
Animations-Editor
Animieren Sie Position, Größe, Deckkraft und mehr direkt auf einer visuellen Timeline. Legen Sie anschließend Animationen über Frames hinweg übereinander und prüfen Sie flüssige LVGL-Übergänge, ohne eine einzige Zeile Code zu schreiben.
Kompatibel mit Arduino, ESP32 und mehr
PicoPixel generiert standardmäßigen LVGL-C-Code, der auf jeder Plattform mit LVGL-Port kompiliert werden kann — einschließlich ESP32, STM32, Arduino, Raspberry Pi Pico und Dutzenden weiterer Mikrocontroller.
So funktioniert es
Von der leeren Leinwand zum produktionsreifen C-Code in drei Schritten.
STEP 02
Vorschau
- Integrierter LVGL-Simulator
- Teilbare Vorschau-Links
- Mit Team oder Kunden überprüfen
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
Exportieren
- Gut strukturierter LVGL-Quellcode
- Flashen & auf echter Hardware ausführen
- Mit anderen LVGL-Editoren vergleichen.
Hi, ich bin Ed.
cat ./about.md
Name Ed
Rolle Code-Monkey
Seit meiner Zeit bei einem von Apple übernommenen Startup, wo ich an ein paar Watch-Prototypen gearbeitet habe, wollte ich wieder näher an Hardware arbeiten. Vor etwas mehr als einem Jahr habe ich endlich angefangen, eigene Hardware zu bauen, und konnte keinen LVGL-Editor finden, den ich wirklich gern benutzt hätte. Also habe ich einen gebaut.
Ich habe vor Kurzem meinen Hauptjob verlassen, um mich Vollzeit auf Hardware und PicoPixel zu konzentrieren.
Wenn Sie PicoPixel ausprobieren, freue ich mich wirklich über Feedback: das Gute, das Schlechte und die seltsamen Randfälle.
Beginnen Sie mit dem Bau Ihrer Embedded-UI
kostenlos.
Keine Kreditkarte. Keine Zeitlimits. Starten Sie direkt mit dem visuellen LVGL-Editor und erwecken Sie Ihre eingebetteten Interfaces zum Leben — ob für ESP32, Arduino, M5Stack oder jedes LVGL-kompatible Board. Alle Funktionen ansehen.