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