Der ultimative Drag-and-Drop-LVGL-Editor & GUI-Builder.

Alles, was du zum Gestalten von LVGL-Oberflächen brauchst

PicoPixel ist ein browserbasierter visueller LVGL-GUI-Builder mit Drag-and-Drop-Design, Echtzeit-Zusammenarbeit, einem WebAssembly-basierten Live-Simulator und produktionsreifem C-Code-Export. Entwirf eingebettete Touchscreen-UIs für ESP32, STM32, Arduino und jede LVGL-kompatible Plattform.

Kostenlos starten!

Funktionen

Arbeitsfläche mit Drag-and-Drop

Platziere LVGL-Widgets auf einer pixelgenauen Arbeitsfläche und gestalte sie visuell. Passe Farben, Schriftarten, Abstände und Flex-Layouts in Echtzeit an.

ButtonLabelSliderSwitchArc

Echtzeit-Zusammenarbeit

Bearbeite dasselbe Projekt gleichzeitig mit deinem Team. Live sichtbare Mauszeiger, Feedback und geteilte Projektlinks — wie Figma für eingebettete UIs.

A
B
C
3 team members online

Live-LVGL-Simulator

Zeige eine Vorschau deiner Benutzeroberfläche in einem WebAssembly-basierten LVGL-Simulator im Browser an. Die echte Rendering-Engine — kein Mockup.

320 × 240, LVGL 8.x

Wiederverwendbare Asset-Bibliothek

Speichere benutzerdefinierte Widgets, Bilder, Schriftarten und Farben in einer gemeinsamen Bibliothek. Ziehe sie in jedes Projekt.

Widgets3 saved
Colors
AaFonts
Images

Visueller Event-Editor

Verbinde LVGL-Event-Handler visuell. Ziehe Aktionen auf Widgets — Bildschirmnavigation, Stiländerungen, Wertaktualisierungen — kein C-Code erforderlich.

Produktionsreifer Code-Export

Exportiere sauberen LVGL-C-Code (.c- und .h-Dateien) ohne proprietäre Abhängigkeiten. Kompiliert auf ESP32, STM32, Arduino und jeder LVGL-Plattform.

lv_obj_t *btn = lv_btn_create(parent);
lv_obj_set_size(btn, 120, 50);
lv_obj_center(btn);

Teilbare Vorschau-Links

Teile einen Simulator-Link mit anderen. Sie können deine LVGL-Oberfläche direkt im Browser ausprobieren, ohne ein Konto anzulegen.

app.picopixel.io/share/proj_x8k2m

Browserbasiert — keine Installation nötig

Keine Desktop-App, kein Lizenz-Dongle. Öffne einen Browser-Tab und beginne mit dem Design. Funktioniert auf jedem Betriebssystem.

ChromeFirefoxSafariEdge

Integrierte Versionskontrolle

Erstelle Checkpoints, stelle jede Version wieder her und verfolge einzelne Änderungen mit Session Actions. Kein externes VCS für dein UI-Design erforderlich.

Added home screen
Styled nav bar
Initial layout

Ein vollständiger visueller LVGL-GUI-Builder

PicoPixel ist ein visueller Drag-and-Drop-LVGL-Designer, der das manuelle Programmieren von Widget-Bäumen durch ein modernes, browserbasiertes Design-Erlebnis ersetzt. Anstatt Hunderte Zeilen C-Code zu schreiben, um Schaltflächen zu positionieren, Labels zu gestalten und Event-Callbacks zu verbinden, erledigst du alles visuell — und exportierst sauberen, produktionsreifen LVGL-Code, wenn du fertig bist.

Ob du ein Smart-Home-Panel, ein industrielles HMI oder eine Oberfläche für ein Handgerät entwickelst oder den Prototyp einer Touchscreen-UI für ein neues Produkt erstellst — PicoPixel gibt dir die Werkzeuge, um schneller zu gestalten, zu testen und fertigzustellen. Der LVGL-GUI-Builder funktioniert mit ESP32, STM32, Arduino, Raspberry Pi Pico und jeder Plattform, die LVGL ausführt. Vergleiche PicoPixel mit anderen LVGL-Editoren.

Häufig gestellte Fragen

Wie unterscheidet sich PicoPixel von SquareLine Studio?

PicoPixel ist browserbasiert (keine Installation), unterstützt Zusammenarbeit im Team in Echtzeit und enthält einen Live-LVGL-Simulator, der mit WebAssembly läuft. SquareLine Studio ist eine Desktop-Anwendung, die eine kostenpflichtige Lizenz für die kommerzielle Nutzung erfordert. PicoPixel ist deutlich erschwinglicher, mit einem großzügigen kostenlosen Plan und günstigen kostenpflichtigen Angeboten. Für einen detaillierten Vergleich siehe unseren LVGL-Editor-Vergleich.

Welche Hardware-Plattformen unterstützt PicoPixel?

PicoPixel generiert Standard-LVGL-C-Code, der auf jeder Plattform mit einem LVGL-Port läuft — einschließlich ESP32 (alle Varianten einschließlich ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas und Linux-basierte Systeme. Wir haben auf Boards von LILYGO, M5Stack, Waveshare, Guition, Elecrow und Adafruit getestet. Wenn deine Hardware LVGL ausführt, funktioniert der exportierte Code damit.

Welchen Code generiert PicoPixel?

PicoPixel exportiert eine ZIP-Datei mit sauberem, produktionsreifem LVGL-C-Code (.c- und .h-Dateien). Die Ausgabe umfasst Widget-Erstellung, Styling, Layout, Ereignisverknüpfungen und Asset-Referenzen — alles mit Standard-LVGL-API-Aufrufen ohne proprietäre Abhängigkeiten.

Ist PicoPixel kostenlos?

Ja, PicoPixel ist kostenlos und wird es immer bleiben. Keine Kreditkarte erforderlich. Seit dem Launch ist PicoPixel unerwartet schnell gewachsen, und wir sind begeistert vom Zuspruch der Community. Kostenpflichtige Pläne sind jetzt für Teams und Nutzer verfügbar, die mehr Kapazität brauchen. Der kostenlose Community-Plan bleibt großzügig, mit dem vollständigen Editor, Live-Simulator, Code-Export und mehr. Kostenpflichtige Pläne bieten mehr Speicher, mehr Projekte, größere Teams und höhere Umsatzgrenzen für die kommerzielle Nutzung. Weitere Details findest du in unseren ausführlichen FAQ.

Kann ich PicoPixel offline verwenden?

Nein, PicoPixel ist eine webbasierte Anwendung, die eine Internetverbindung erfordert. PicoPixel speichert automatisch, sodass deine Arbeit auch bei Verbindungsabbrüchen geschützt ist. Wenn du Offline-Unterstützung benötigst, teile uns das mit.

Führt der Live-Simulator wirklich LVGL aus?

Ja. PicoPixel kompiliert LVGL zu WebAssembly und führt es direkt in deinem Browser aus. Was du in der Vorschau siehst, ist die echte LVGL-Rendering-Engine — weder ein Mockup noch eine CSS-Nachbildung. Die Ausgabe stimmt pixelgenau mit deiner Zielhardware überein.

Erstelle deine LVGL-Oberfläche kostenlos

Entwirf Embedded-UIs visuell, zeige sie in einem Live-LVGL-Simulator an und exportiere produktionsreifen C-Code. Keine Installation. Keine Kreditkarte. Öffne PicoPixel im Browser und beginne mit dem Design.

Kostenlos loslegen!

FAQ lesen · Kontakt aufnehmen