BETA JUŻ DOSTĘPNA

Najlepszy edytor typu przeciągnij i upuśćdla LVGL i GUI.

Projektuj, prototypuj i eksportuj gotowe UI LVGL

Zacznij za darmo!
PicoPixel LVGL editor workspace preview

Edycja zespołowa w czasie rzeczywistym — zostawiaj opinie, obserwuj zmiany na bieżąco i utrzymuj synchronizację w zespole.

Czym jest PicoPixel?

PicoPixel to przeglądarkowy edytor wizualny dla LVGL. Przeciągaj i upuszczaj komponenty na żywe płótno, stylizuj je wizualnie i eksportuj czysty kod C gotowy do kompilacji na ESP32 i nie tylko.

Pomyśl o tym jak o Figmie dla interfejsów embedded — współpraca w czasie rzeczywistym, wbudowany symulator i zero instalacji. Poznaj wszystkie funkcje lub zobacz jak to działa.

Używany przez twórców z

Kluczowe funkcje

Wszystko, czego potrzebujesz do projektowania GUI w LVGL

Kompletny zestaw narzędzi wizualnych dla LVGL — od układu przeciągnij i upuść po eksport gotowego kodu.

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

Wizualne płótno projektowe

Dodawaj widżety na pikselowo dokładne płótno LVGL. Obserwuj każdą zmianę w czasie rzeczywistym podczas tworzenia.

PicoPixel LVGL editor, version control history panel showing project checkpoints

Wbudowana kontrola wersji

Śledź każdą zmianę dzięki wbudowanej kontroli wersji. Panel Akcji zapewnia szczegółową historię sesji i precyzyjne cofanie zmian.

PicoPixel LVGL editor, reusable component and asset library panel

Biblioteka zasobów

Wielokrotnego użytku widżety, obrazy, czcionki i kolory — przeciągnij i upuść, aby budować nowe interfejsy.

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

Łatwe udostępnianie

Wysyłaj linki do symulatora klientom lub członkom zespołu — mogą śledzić postępy i wchodzić w interakcję z Twoim UI na żywo.

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

Edytor zdarzeń

Przeciągaj i upuszczaj obsługę zdarzeń na widżety i przyciski. Podłączaj akcje LVGL, przejścia i callbacki bez pisania kodu.

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

Edytor animacji

Animuj pozycję, rozmiar, przezroczystość i więcej bezpośrednio na wizualnej osi czasu. Następnie nakładaj animacje między klatkami i podglądaj płynne przejścia LVGL bez pisania ani jednej linii kodu.

Kompatybilny z Arduino, ESP32 i nie tylko

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 generuje standardowy kod C dla LVGL, który kompiluje się na każdej platformie z portem LVGL — w tym ESP32, STM32, Arduino, Raspberry Pi Pico i dziesiątkach innych mikrokontrolerów.

Jak to działa

Od pustego płótna do gotowego kodu C w trzech krokach.

STEP 01
PicoPixel visual design canvas

Projektuj

  • Widżety LVGL przeciągnij i upuść
  • Stylizuj kolory, czcionki i układy
  • Animuj w czasie rzeczywistym
STEP 02
PicoPixel live LVGL simulator preview

Podgląd

  • Wbudowany symulator LVGL
  • Linki podglądu do udostępnienia
  • Przeglądaj z zespołem lub klientami
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

Eksport

Cześć, jestem Ed.

cat ./about.md
Ed, twórca PicoPixel
imię  Ed
rola  Klepacz kodu

Od czasu pracy w startupie przejętym przez Apple, gdzie pracowałem nad kilkoma prototypami Watch, ciągnęło mnie z powrotem bliżej sprzętu. Nieco ponad rok temu w końcu zacząłem budować własny sprzęt i nie znalazłem edytora LVGL, którego naprawdę lubiłbym używać. Więc zbudowałem własny.

Niedawno odszedłem z pracy na etacie, żeby pełnoetatowo skupić się na sprzęcie i PicoPixel.

Jeśli testujesz PicoPixel, naprawdę chętnie usłyszę Twoją opinię: dobrą, złą i te dziwne przypadki brzegowe.

Spotkamy się? →
Seattle/Shenzhen/Tokyo

Zacznij tworzyć swój interfejs embedded —za darmo.

Bez karty kredytowej. Bez limitu czasowego. Wejdź od razu do wizualnego edytora LVGL i ożyw swoje interfejsy embedded — niezależnie czy budujesz na ESP32, Arduino, M5Stack, czy inną płytkę kompatybilną z LVGL. Zobacz wszystkie funkcje.