ओपन सोर्स। नई संभावनाएँ।

Material UI एक MIT-लाइसेंस प्राप्त React घटक लाइब्रेरी है जो Google के Material Design सिस्टम का एक स्वतंत्र कार्यान्वयन प्रदान करती है, जिसे MUI द्वारा बनाए रखा गया है।

Design Oracle Playwright के जरिए वेबसाइट का विश्लेषण कर उसके डिजाइन सिस्टम (रंग, टाइपोग्राफी, स्पेसिंग आदि) को निकालता है और Tailwind v4 config, React JSX, JSON टोकन या DESIGN.md रिपोर्ट एक्सपोर्ट करता है।

Saas UI, Chakra UI पर आधारित SaaS उत्पादों के लिए एक डिज़ाइन सिस्टम और सोर्स कंपोनेंट रजिस्ट्री है। यह Chakra प्रीसेट, CLI-इंस्टॉल किए गए एडिटेबल कंपोनेंट्स, हुक्स, फॉर्म्स, ऑथ और मोडल पैकेज प्रदान करता है।

Primer CSS, GitHub के Primer Design System का CSS कार्यान्वयन है, जिसे @primer/css npm पैकेज के रूप में वितरित किया जाता है। यह अब रखरखाव (KTLO) मोड में है।

Panda डिज़ाइन सिस्टम के लिए एक यूनिवर्सल, टाइप-सेफ CSS-in-JS फ्रेमवर्क है। यह बिल्ड टाइम पर स्टाइल निकालता है, आधुनिक CSS आउटपुट देता है, और अधिकांश JS फ्रेमवर्क के साथ काम करता है।

Franken UI (franken-ui/ui) एक HTML-first UI घटक लाइब्रेरी है जो UIkit 3 पर आधारित है, जिसे LitElement के साथ विस्तारित किया गया है और shadcn/ui से प्रेरित है। इसका README अब केवल 0build पर स्थानांतरण की घोषणा करता है।

Braid, SEEK Group का एक themeable डिज़ाइन सिस्टम है, जिसे React कंपोनेंट लाइब्रेरी के रूप में वितरित किया गया है। यह Vanilla Extract के साथ स्टाइल किए गए थीम्स, BraidProvider और कंपोनेंट्स प्रदान करता है।

Priceline Design System Priceline.com का एक ओपन-सोर्स UI कंपोनेंट लाइब्रेरी और डिज़ाइन मानक है। यह इंटरफ़ेस पैटर्न को एकीकृत करना, डिज़ाइन और विकास की गति बढ़ाना, तथा सुलभता, अंतर्राष्ट्रीयकरण और रिस्पॉन्सिव वेब डिज़ाइन को बढ़ावा देना निरूपित करता है।

Vanilla CSS के साथ बनाया गया एक हल्का, मॉड्यूलर और कस्टमाइज़ेबल डिज़ाइन सिस्टम, जो CSS variables, मोबाइल-फर्स्ट रिस्पॉन्सिव सिद्धांतों और एक्सेसिबिलिटी प्रथाओं का उपयोग करता है।

हेलसिंकी डिज़ाइन सिस्टम (HDS) हेलसिंकी शहर का एक ओपन‑सोर्स डिज़ाइन सिस्टम है, जो एक्सेसिबल रिएक्ट कंपोनेंट्स, CSS स्टाइल और डिज़ाइन टोकन प्रदान करता है, साथ ही दस्तावेज़ीकरण और डिज़ाइन संसाधन भी।

DesignMD एक CLI टूल है जो किसी भी URL से लाइव डिज़ाइन सिस्टम — रंग, टाइपोग्राफी, स्पेसिंग, ब्रेकपॉइंट्स और इंटरैक्शन स्टेट्स — निकालकर AI कोडिंग एजेंट्स के लिए अनुकूलित DESIGN.md फ़ाइल उत्पन्न करता है।

CompoMo (@ds-mo/ui) एक framework-agnostic Stencil.js वेब कंपोनेंट लाइब्रेरी है जिसे TokoMo डिज़ाइन टोकन के साथ स्टाइल किया गया है, जो Angular, React और Vue एडेप्टर के साथ एक MCP मेटाडेटा सर्वर प्रदान करती है।

Tailgrids एक ओपन-सोर्स React UI कंपोनेंट लाइब्रेरी है जिसे Tailwind CSS के साथ बनाया गया है, जो TypeScript सपोर्ट, एक्सेसिबिलिटी, डार्क मोड और CLI इंस्टॉलर के साथ 100+ प्रोडक्शन-रेडी कॉपी-पेस्ट कंपोनेंट्स, UI ब्लॉक्स और टेम्पलेट्स प्रदान करता है।

Chakra UI सुलभ वेब ऐप्स और SaaS उत्पादों को तेज़ी से बनाने के लिए एक ओपन-सोर्स React कंपोनेंट सिस्टम है। यह इंस्टॉल करने योग्य पैकेज प्रदान करता है, Next.js RSC का समर्थन करता है और MIT लाइसेंस के तहत है।

Lightswind UI एक English-documented React कंपोनेंट लाइब्रेरी है जिसे CLI के माध्यम से सोर्स कोड के रूप में वितरित किया जाता है। यह 160+ एनिमेटेड, एक्सेसिबल कंपोनेंट्स और AI कोडिंग टूल्स के लिए एक MCP सर्वर प्रदान करता है।

Codex Wikimedia के लिए डिज़ाइन सिस्टम है, जो Vue 3 और CSS कंपोनेंट्स, डिज़ाइन टोकन, आइकन और एक VitePress दस्तावेज़ीकरण साइट प्रदान करता है। यह अंतर्राष्ट्रीयकरण का समर्थन करता है और WCAG 2.1 AA एक्सेसिबिलिटी मानकों को पूरा करता है।

क्लाउडस्केप डिज़ाइन सिस्टम का React कंपोनेंट लाइब्रेरी, AWS द्वारा ओपन-सोर्स किया गया। बड़े पैमाने के वेब एप्लिकेशन बनाने के लिए सुलभ, तैयार UI कंपोनेंट्स और ग्लोबल स्टाइल्स प्रदान करता है, जिनकी दस्तावेज़ीकरण क्लाउडस्केप वेबसाइट पर उपलब्ध है।

Skeleton, Tailwind CSS पर आधारित एक एडेप्टिव डिज़ाइन सिस्टम है। यह लोकप्रिय वेब फ्रेमवर्क के लिए टर्नकी कंपोनेंट्स, डॉक्यूमेंटेशन, थीम जनरेटर और कम्युनिटी चैनल प्रदान करता है।

Ark UI, Chakra UI टीम द्वारा निर्मित एक headless, unstyled कंपोनेंट लाइब्रेरी है, जो Zag.js स्टेट मशीनों पर आधारित 45+ एक्सेसिबल UI प्रिमिटिव्स प्रदान करती है, जिनका API React, Solid, Vue और Svelte में समान है।

Carbon उत्पादों और अनुभवों के लिए IBM का ओपन-सोर्स डिज़ाइन सिस्टम है। यह मोनोरिपो React और वेब कंपोनेंट लाइब्रेरी, Sass स्टाइल, डिज़ाइन टोकन, आइकन और टूलिंग प्रदान करता है।