Primer CSS, GitHub के Primer Design System का CSS कार्यान्वयन है, जिसे @primer/css npm पैकेज के रूप में वितरित किया जाता है। यह अब रखरखाव (KTLO) मोड में है।
ओपन सोर्स। नई संभावनाएँ।
उत्कृष्ट ओपन-सोर्स प्रोजेक्ट खोजें, गुमनाम रूप से प्रोजेक्ट सबमिट करें और अपने प्रोजेक्ट का दावा कर उसे संपादित करें।
जिज्ञासा के साथ ओपन सोर्स खोजें।
THE FIRST COLLECTIONPanda डिज़ाइन सिस्टम के लिए एक यूनिवर्सल, टाइप-सेफ CSS-in-JS फ्रेमवर्क है। यह बिल्ड टाइम पर स्टाइल निकालता है, आधुनिक CSS आउटपुट देता है, और अधिकांश JS फ्रेमवर्क के साथ काम करता है।
एक MCP सर्वर जो AI एजेंटों के लिए विशेषज्ञ डिज़ाइन और मार्केटिंग ज्ञान प्रदान करता है, जिसमें UI/UX, SEO, GEO और वेब, iOS, Android और macOS के लिए प्लेटफॉर्म-विशिष्ट दिशानिर्देश शामिल हैं।
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 कंपोनेंट लाइब्रेरी और डिज़ाइन मानक है। यह इंटरफ़ेस पैटर्न को एकीकृत करना, डिज़ाइन और विकास की गति बढ़ाना, तथा सुलभता, अंतर्राष्ट्रीयकरण और रिस्पॉन्सिव वेब डिज़ाइन को बढ़ावा देना निरूपित करता है।
oh-my-design एक ओपन-सोर्स CLI टूल है जो डिज़ाइन सिस्टम को AI कोडिंग एजेंट्स में इंस्टॉल करता है। एक कमांड से 440+ कंपनी डिज़ाइन रेफ़रेंस, 28 स्किल्स और 20 विशेषज्ञ रोल क्लॉड कोड, कोडेक्स, सॉरर और ओपनकोड में जुड़ जाते हैं। यह DESIGN.md फ़ाइल बनाता है जिसमें दार्शनिकता, टोकन और कॉम्पोनेंट कॉन्ट्रैक्ट्स होते हैं।
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 मेटाडेटा सर्वर प्रदान करती है।
design-md-hub में 120 ब्रांड डिज़ाइन सिस्टम का ओपन-सोर्स संग्रह है, जो AI कोडिंग एजेंट्स के लिए plain-text DESIGN.md फ़ाइलों में उपलब्ध हैं।
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 स्टाइल, डिज़ाइन टोकन, आइकन और टूलिंग प्रदान करता है।