JETZT IN DER BETA

Der ultimative Drag-and-DropLVGL-Editor & GUI-Builder.

Entwirf, erprobe und exportiere produktionsreife LVGL-UIs

Kostenlos loslegen!
PicoPixel LVGL editor workspace preview

Arbeite mit deinem Team in Echtzeit: Hinterlasst Feedback, seht Änderungen sofort und bleibt auf demselben Stand.

Was ist PicoPixel?

PicoPixel ist ein browserbasierter visueller LVGL-Editor. Ziehe Komponenten auf eine interaktive Arbeitsfläche, gestalte sie visuell und exportiere sauberen C-Code, der auf ESP32 und weiteren Plattformen kompiliert werden kann.

Stell es dir als Figma für eingebettete UIs vor — Echtzeit-Zusammenarbeit, integrierter Simulator und keine Installation erforderlich. Entdecke alle Funktionen oder erfahre, wie es funktioniert.

Genutzt von Makern bei

Hauptfunktionen

Alles, was du für dein LVGL-Design brauchst

Ein vollständiges visuelles Toolkit für LVGL — vom Drag-and-Drop-Layout bis zum Export von produktionsreifem Code.

PicoPixel LVGL editor, visual canvas with drag-and-drop widgets

Visuelle Arbeitsfläche

Füge Widgets auf einer pixelgenauen LVGL-Arbeitsfläche hinzu. Sieh jede Änderung in Echtzeit.

PicoPixel LVGL editor, version control history panel showing project checkpoints

Integrierte Versionsverwaltung

Verfolge jede Änderung mit der integrierten Versionsverwaltung. Nutze das Aktionen-Panel für einen detaillierten Änderungsverlauf und gezielte Wiederherstellungen.

PicoPixel LVGL editor, reusable component and asset library panel

Asset-Bibliothek

Wiederverwendbare Widgets, Bilder, Schriften und Farben — per Drag-and-Drop neue Interfaces erstellen.

PicoPixel LVGL editor, code export panel with production-ready C code

Einfach teilen

Sende Simulator-Links an Kunden oder Teammitglieder — sie können den Fortschritt sehen und live mit deiner UI interagieren.

PicoPixel LVGL editor, events editor with drag-and-drop action builder

Event-Editor

Ziehe Event-Handler auf Widgets und Buttons. Verbinde LVGL-Aktionen, Übergänge und Callbacks ohne Code zu schreiben.

PicoPixel LVGL editor, animation editor with a keyframe timeline for Position, Size, and Opacity across layers and frames

Animations-Editor

Animiere Position, Größe, Deckkraft und mehr auf einer visuellen Zeitleiste. Kombiniere Animationen über mehrere Frames hinweg und teste flüssige LVGL-Übergänge, ohne Code zu schreiben.

Kompatibel mit Arduino, ESP32 und mehr

Arduino, compatible with PicoPixel LVGL editorEspressif, compatible with PicoPixel LVGL editorESPHome, compatible with PicoPixel LVGL editorM5Stack, compatible with PicoPixel LVGL editorAdafruit, compatible with PicoPixel LVGL editorLILYGO, compatible with PicoPixel LVGL editor

PicoPixel generiert Standard-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 Arbeitsfläche zum produktionsreifen C-Code in drei Schritten.

STEP 01
PicoPixel visual design canvas

Entwerfen

  • Drag-and-Drop-LVGL-Widgets
  • Farben, Schriften & Layouts gestalten
  • In Echtzeit animieren
STEP 02
PicoPixel live LVGL simulator preview

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

Hi, ich bin Ed.

cat ./about.md
Ed, der Entwickler von PicoPixel
Name  Ed
Rolle  Entwickler

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 du PicoPixel ausprobierst, freue ich mich wirklich über Feedback: das Gute, das Schlechte und die seltsamen Randfälle.

Treffen wir uns? →
Seattle/Shenzhen/Tokyo

Gestalte deine Embedded-UIkostenlos.

Keine Kreditkarte. Keine Zeitlimits. Starte direkt mit dem visuellen LVGL-Editor und erwecke deine eingebetteten Interfaces zum Leben — ob für ESP32, Arduino, M5Stack oder jedes LVGL-kompatible Board. Alle Funktionen ansehen.