STEP 01
डिज़ाइन
- ड्रैग-एंड-ड्रॉप LVGL विजेट्स
- रंग, फ़ॉन्ट और लेआउट तय करें
- रियल टाइम में एनिमेट करें
बीटा अब उपलब्ध है
सर्वश्रेष्ठ ड्रैग-एंड-ड्रॉपLVGL एडिटर और GUI बिल्डर।
इस्तेमाल के लिए तैयार LVGL UI डिज़ाइन करें, प्रोटोटाइप बनाएँ और एक्सपोर्ट करें
मुफ़्त में शुरू करें
एक ही डिज़ाइन पर साथ काम करें, अपनी राय दें और दूसरों के बदलाव होते हुए देखें। पूरी टीम को काम की ताज़ा स्थिति पता रहती है।
PicoPixel क्या है?
PicoPixel, LVGL के लिए ब्राउज़र में चलने वाला विज़ुअल एडिटर है। लाइव कैनवास पर कंपोनेंट खींचकर रखें, उनका रूप तय करें और साफ़-सुथरा C कोड एक्सपोर्ट करें, जिसे ESP32 और दूसरे प्लेटफ़ॉर्म के लिए कंपाइल किया जा सकता है।
इसे एम्बेडेड UI के लिए Figma समझें: टीम के साथ एक ही समय पर काम करें, शामिल सिम्युलेटर में डिज़ाइन आज़माएँ और कुछ भी इंस्टॉल न करें। सभी सुविधाएँ देखें या काम करने का तरीका जानें।
इन कंपनियों के डेवलपर PicoPixel इस्तेमाल करते हैं
प्रमुख सुविधाएँ
LVGL GUI डिज़ाइन के लिए आपको जो कुछ भी चाहिए
LVGL के लिए डिज़ाइन के सभी ज़रूरी साधन — ड्रैग-एंड-ड्रॉप से लेआउट बनाने से लेकर तैयार कोड एक्सपोर्ट करने तक।
विज़ुअल डिज़ाइन कैनवास
LVGL कैनवास पर विजेट रखें और हर पिक्सेल पर नियंत्रण पाएँ। डिज़ाइन करते समय हर बदलाव तुरंत दिखाई देता है।
बिल्ट-इन वर्शन कंट्रोल
बिल्ट-इन वर्शन कंट्रोल से हर बदलाव का रिकॉर्ड रखें। Actions पैनल में सेशन के सभी बदलाव देखें और ज़रूरत पड़ने पर ठीक उसी स्थिति में लौटें जो आपको चाहिए।
एसेट्स लाइब्रेरी
विजेट, इमेज, फ़ॉन्ट और रंग सहेजें। नया इंटरफ़ेस बनाते समय उन्हें कैनवास पर खींचकर फिर इस्तेमाल करें।
आसानी से शेयर करें
क्लाइंट या टीम के साथियों को सिम्युलेटर का लिंक भेजें। वे आपका काम देख सकते हैं और उसी समय UI चलाकर आज़मा सकते हैं।
इवेंट्स एडिटर
विजेट और बटन पर इवेंट हैंडलर खींचकर जोड़ें। बिना कोड लिखे LVGL एक्शन, ट्रांज़िशन और कॉलबैक तय करें।
एनिमेशन एडिटर
विज़ुअल टाइमलाइन पर कीफ़्रेम जोड़कर विजेट की जगह, आकार, अपारदर्शिता और दूसरी विशेषताएँ बदलें। कई एनिमेशन साथ चलाएँ और बिना कोड लिखे LVGL ट्रांज़िशन का प्रीव्यू देखें।
Arduino, ESP32, और अन्य के साथ संगत
PicoPixel मानक LVGL C कोड जनरेट करता है जो LVGL पोर्ट वाले किसी भी प्लेटफ़ॉर्म पर कंपाइल होता है — जिसमें ESP32, STM32, Arduino, Raspberry Pi Pico, और दर्जनों अन्य माइक्रोकंट्रोलर शामिल हैं।
यह कैसे काम करता है
खाली कैनवास से इस्तेमाल के लिए तैयार C कोड तक तीन चरणों में।
STEP 02
प्रीव्यू
- बिल्ट-इन LVGL सिम्युलेटर
- शेयर करने योग्य प्रीव्यू लिंक
- टीम या क्लाइंट्स के साथ समीक्षा करें
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
एक्सपोर्ट
- सुव्यवस्थित LVGL सोर्स कोड
- फ़्लैश करें और वास्तविक हार्डवेयर पर चलाएँ
- अन्य LVGL एडिटर्स से तुलना करें।
नमस्ते, मैं Ed हूँ।
cat ./about.md
नाम Ed
भूमिका कोड लिखना मेरा काम है
एक स्टार्टअप, जिसे बाद में Apple ने खरीदा, में Watch के कुछ प्रोटोटाइप पर काम करते समय से ही मैं फिर हार्डवेयर पर काम करना चाहता था। एक साल से कुछ ज़्यादा समय पहले मैंने अपना प्रोजेक्ट शुरू किया, लेकिन कोई ऐसा LVGL एडिटर नहीं मिला जिसे इस्तेमाल करना मुझे अच्छा लगे। इसलिए मैंने खुद एक बना लिया।
हाल ही में मैंने अपनी नौकरी छोड़ दी, ताकि अपना पूरा समय हार्डवेयर और PicoPixel को दे सकूँ।
अगर आप PicoPixel आज़मा रहे हैं, तो आपकी राय जानना चाहूँगा — क्या अच्छा लगा, क्या नहीं, और किन अजीब परिस्थितियों में दिक्कत आई।
अपना एम्बेडेड UI बनाना शुरू करें —
मुफ़्त में।
क्रेडिट कार्ड नहीं चाहिए और कोई समय सीमा नहीं है। ब्राउज़र में LVGL एडिटर खोलें और अपना इंटरफ़ेस बनाएँ — ESP32, Arduino, M5Stack या दूसरे LVGL-सक्षम बोर्ड के लिए। सभी सुविधाएँ देखें।