Solid Glass
React-आधारित AI एप्लिकेशन इंटरफ़ेस के लिए तैयार किया गया एक ग्लास-प्रेरित डिज़ाइन सिस्टम।
shadcn/ui और Tailwind CSS पर बने स्पर्शनीय, भौतिक और तकनीकी UI घटक।
Solid Glass विशेष रूप से AI अनुप्रयोगों के लिए बनाया गया एक विशिष्ट डिज़ाइन सिस्टम और CSS थीम है। यह फ़्लैट डिज़ाइन और अत्यधिक पारदर्शी लिक्विड ग्लास के बीच की खाई को पाटता है, जो आपको सूक्ष्म एज हाइलाइट्स और भौतिक गहराई के साथ पढ़ने योग्य टेक्स्ट देता है।
यह क्या है
यह रंगों को परिभाषित करने वाली एक सिंगल स्टाइलशीट, ग्लास की तीन मोटाई, गति, और shadcn/ui वेरिएबल नामों के साथ-साथ स्टेटस ग्लाइफ़, diff व्यू, और रीज़निंग बॉक्स जैसे अनुकूलित UI घटक प्रदान करता है। आप इसके बिल्ट-इन Create पेज डायल का उपयोग करके थीम को कॉन्फ़िगर कर सकते हैं और संपूर्ण एजेंट वर्कस्पेस ब्लॉक को सीधे अपने React प्रोजेक्ट में तैनात कर सकते हैं।
किसके लिए
यह उन फ्रंटएंड डेवलपर्स और डिजाइनरों के लिए उपयुक्त है जो शांत और स्पष्ट सौंदर्यशास्त्र चाहते हैं और AI इंटरफ़ेस, चैट UI, या एजेंट वर्कस्पेस बना रहे हैं। यह उन टीमों के लिए उपयुक्त नहीं है जो पारंपरिक कॉर्पोरेट या विशुद्ध रूप से फ़्लैट वेब डिज़ाइन शैलियों की तलाश कर रहे हैं।
मुख्य विशेषताएँ
Solid Glass सौंदर्यशास्त्र
भारी अपवर्तन के मुकाबले स्पष्टता और स्थिरता पर जोर देने वाली एक संयमित फिनिश प्रदान करता है।
एजेंट वर्कस्पेस घटक
आउट ऑफ़ द बॉक्स स्टेटस ग्लाइफ़, कंपोज़र बॉक्स, diff व्यू और रीज़निंग डिस्प्ले शामिल हैं।
shadcn/ui एकीकरण
एक सिंगल CSS फ़ाइल के माध्यम से डेटा-स्लॉट को लक्षित करके मौजूदा shadcn/ui घटकों के साथ सीधे काम करता है।
इंटरैक्टिव Create पेज
आपको कस्टम CSS वेरिएबल जनरेट करने के लिए मोटाई, टिंट, ब्लर और रेडियस जैसे मटीरियल डायल को समायोजित करने देता है।
3 चरणों में तैयार
हमारा ईमानदार फैसला
क्या अच्छा है
- एक स्टाइलशीट मौजूदा shadcn/ui और Tailwind सेटअप के साथ सफाई से एकीकृत होती है
- विशेष रूप से स्ट्रीमिंग AI प्रतिक्रियाओं और एजेंट स्थिति प्रतिक्रिया के लिए अनुकूलित
- तेजी से प्रोटोटाइप करने के लिए पूर्व-निर्मित एजेंट वर्कस्पेस ब्लॉक शामिल हैं
- कस्टम मटीरियल गुणों को सेट करने के लिए एक इंटरैक्टिव Create पेज प्रदान करता है
कहाँ कमी है
- लागू करने के लिए मौजूदा React 19 और Tailwind CSS 4 वातावरण की आवश्यकता होती है
- डिफ़ॉल्ट रंग वेरिएबल को ओवरराइट करता है, जिसके लिए मानक shadcn init टेम्प्लेट को मैन्युअल रूप से साफ़ करने की आवश्यकता होती है
- विशिष्ट सौंदर्य शैली पारंपरिक गैर-AI एप्लिकेशन ब्रांडिंग में फिट नहीं हो सकती है
मूल्य & लाइसेंस
इसके लाइसेंस के तहत मुफ़्त, रिपॉजिटरी में किसी भी भुगतान किए गए होस्टेड विकल्प का उल्लेख नहीं है। एकमात्र लागत आपके अपने एप्लिकेशन को एकीकृत और स्टाइल करने का इंजीनियरिंग समय है।
हिंदी बोलने वालों के लिए जॉब्स
880 खुले रिमोट AI-ट्रेनिंग रोल, 15 नवंबर 2026 को अपडेट; ज़्यादातर में $20–$175 प्रति घंटा। इनमें से 5 हिंदी बोलने वालों के लिए हैं। Zekai इन्हें मुफ़्त में लिस्ट करता है; आवेदन एम्प्लॉयर के प्लेटफ़ॉर्म पर जाता है।
विकल्प
ये समीक्षित AI टूल यही काम तुरंत करते हैं — हमारी स्कोर की गई डायरेक्टरी से।
इसे उपयोग करें, या हमसे सेट करवाएं
सामान्य प्रश्न
Solid Glass लिक्विड ग्लास से किस प्रकार भिन्न है?
लिक्विड ग्लास लगभग स्पष्ट होता है, जिससे पाठकों को टेक्स्ट की दृश्यता के लिए पृष्ठभूमि से संघर्ष करना पड़ता है। Solid Glass पारदर्शिता को एक रूपरेखा तक सीमित करता है, जो सघन टेक्स्ट और स्ट्रीमिंग AI प्रतिक्रियाओं के लिए उच्च पठनीयता सुनिश्चित करता है।
क्या मुझे अपने मौजूदा shadcn/ui घटकों को संशोधित करने की आवश्यकता है?
नहीं। स्टाइलशीट घटक पुनर्लेखन की आवश्यकता के बिना डेटा-स्लॉट विशेषताओं और मौजूदा कक्षाओं का उपयोग करके आपके मौजूदा shadcn/ui घटकों के प्रत्येक भाग को ढूंढती है।
क्या मैं ग्लास मटीरियल के गुणों को कस्टमाइज़ कर सकता हूँ?
हाँ। शामिल Create पेज आपको अपने स्वयं के CSS वेरिएबल जनरेट करने के लिए मोटाई, टिंट, चार्ट रंग, प्रकार, रेडियस, रिम और ब्लर को समायोजित करने की अनुमति देता है।
