इस प्रोजेक्ट के बारे में

OpenUI जनरेटिव UI अनुप्रयोगों के निर्माण के लिए एक ओपन-सोर्स फ्रेमवर्क है, जहां AI मॉडल सादे पाठ के बजाय संरचित, इंटरैक्टिव यूजर इंटरफेस उत्पन्न करते हैं। इसके मूल में OpenUI Lang है, जो मॉडल-जनित UI आउटपुट के लिए विशेष रूप से डिज़ाइन की गई एक कॉम्पैक्ट, स्ट्रीमिंग-प्रथम भाषा है। फ्रेमवर्क रेंडरर-अज्ञेय है, जिसका अर्थ है कि यह एकल फ्रंटएंड फ्रेमवर्क से बंधा नहीं है, हालांकि यह आधिकारिक React समर्थन और Vue 3 और Svelte 5 के लिए समुदाय-अनुरक्षित बाइंडिंग के साथ आता है। केंद्रीय कार्यप्रवाह सीधा है: डेवलपर्स एक घटक लाइब्रेरी (चार्ट, फॉर्म, टेबल, लेआउट, आदि) परिभाषित या पुनः उपयोग करते हैं, OpenUI उस लाइब्रेरी से एक सिस्टम प्रॉम्प्ट उत्पन्न करता है, प्रॉम्प्ट LLM को भेजा जाता है, और मॉडल OpenUI Lang आउटपुट को क्लाइंट पर वापस स्ट्रीम करता है जहां एक रेंडरर टोकन आने पर UI को धीरे-धीरे पार्स और रेंडर करता है। यह स्ट्रीमिंग-प्रथम डिज़ाइन उपयोगकर्ताओं को पूर्ण प्रतिक्रिया की प्रतीक्षा करने के बजाय इंटरफेस को वास्तविक समय में बनते देखने की अनुमति देता है। एक प्रमुख विभेदक टोकन दक्षता है। सात UI परिदृश्यों में tiktoken (GPT-5 एनकोडर) के साथ मापे गए बेंचमार्क दिखाते हैं कि OpenUI Lang समकक्ष JSON-आधारित प्रारूपों की तुलना में 67% तक कम टोकन का उपयोग करता है, जिसमें Vercel के JSON-Render की तुलना में लगभग 52.8% और Thesys C1 JSON की तुलना में 51.7% की औसत कमी है। कम टोकन गणना कम विलंबता, कम API लागत और तेज़ समय-से-पहला-पिक्सेल में अनुवाद करती है। परियोजना कई पैकेजों के साथ एक मोनोरेपो के रूप में आयोजित की गई है। @openuidev/lang-core React, Vue, या Svelte निर्भरता के बिना फ्रेमवर्क-अज्ञेय पार्सिंग, प्रॉम्प्ट जनरेशन और रनटाइम मूल्यांकन प्रदान करता है। @openuidev/react-lang React रेंडरिंग रनटाइम, घटक लाइब्रेरी परिभाषाएं और प्रॉम्प्ट जनरेशन को संभालता है। @openuidev/react-headless उन टीमों के लिए हेडलेस चैट स्टेट प्रबंधन और स्ट्रीमिंग एडेप्टर प्रदान करता है जो अपना स्वयं का UI लाना चाहते हैं। @openuidev/react-ui एक कार्यशील चैट अनुभव के लिए सबसे तेज़ मार्ग के लिए पूर्व-निर्मित चैट लेआउट और दो अंतर्निहित घटक लाइब्रेरी प्रदान करता है। @openuidev/react-email मॉडल-जनित ईमेल के लिए React Email घटक परिभाषाएं जोड़ता है। @openuidev/langchain LangChain और LangGraph एजेंटों के साथ एकीकृत होता है, AG-UI के माध्यम से OpenUI को स्ट्रीम करता है। @openuidev/browser-bundle CDN, iframe, और नो-बिल्ड एम्बेड के लिए एक पूर्व-निर्मित स्क्रिप्ट-टैग बंडल भेजता है। @openuidev/cli नई परियोजनाओं को स्कैफोल्ड करता है और लाइब्रेरी परिभाषाओं से सिस्टम प्रॉम्प्ट या JSON स्कीमा उत्पन्न करता है। घटक अनुबंध Zod स्कीमा के साथ परिभाषित किए गए हैं, जो टाइप किए गए प्रॉप्स और संरचना को पहले से देते हैं। फ्रेमवर्क अंतर्निहित डेटा फेचिंग, मल्टी-प्लेटफॉर्म आउटपुट (वेब, मोबाइल, ईमेल) और सुसंगत आउटपुट फॉर्मेटिंग का समर्थन करता है। डिफ़ॉल्ट घटक लाइब्रेरी के साथ लाइव प्रयोग के लिए openui.com/playground पर एक प्लेग्राउंड उपलब्ध है। OpenUI एक एजेंट स्किल भी भेजता है जो Claude Code, Codex, Cursor, और Copilot जैसे AI कोडिंग सहायकों के साथ एकीकृत होता है, जिसमें घटक लाइब्रेरी डिज़ाइन, OpenUI Lang सिंटैक्स, सिस्टम प्रॉम्प्ट जनरेशन, रेंडरर, SDK पैकेज और दोषपूर्ण LLM आउटपुट की डिबगिंग शामिल है। परियोजना MIT लाइसेंस के तहत है और Thesys द्वारा अनुरक्षित है, एक सक्रिय Discord समुदाय और बढ़ती हुई अपनाने वालों की सूची के साथ।