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

design-md-hub में 120 ब्रांड डिज़ाइन सिस्टम का ओपन-सोर्स संग्रह है, जो AI कोडिंग एजेंट्स के लिए plain-text DESIGN.md फ़ाइलों में उपलब्ध हैं।

TW Elements, Tailwind CSS के लिए एक MIT-लाइसेंस प्राप्त कंपोनेंट लाइब्रेरी है, जो डार्क मोड सपोर्ट, थीमिंग विकल्पों और व्यक्तिगत एवं व्यावसायिक उपयोग के लिए 500+ इंटरैक्टिव UI कंपोनेंट्स और 117+ डिज़ाइन ब्लॉक्स प्रदान करती है।

रेडिक्स थीम्स एक ओपन-सोर्स React कंपोनेंट लाइब्रेरी है जो तेज विकास, आसान रखरखाव और सुलभता पर केंद्रित है। इसे WorkOS द्वारा बनाए रखा जाता है। इसकी MIT लाइसेंस है और इसमें डॉक्यूमेंटेशन, रिलीज नोट्स, सहयोग मार्गदर्शिकाएँ और समुदाय चैनल उपलब्ध हैं।

Zag JavaScript library है जो accessibe UI components के लिए headless, framework-agnostic finite state machines प्रदान करती है, जिसमें React, Solid, Vue, और Svelte के adapters शामिल हैं।

Ant Design एक एंटरप्राइज-क्लास UI डिज़ाइन लैंग्वेज और TypeScript में लिखा गया React कंपोनेंट लाइब्रेरी है, जो तैयार गुणवत्तापूर्ण कंपोनेंट्स, डिज़ाइन संसाधन, थीमिंग और अंतर्राष्ट्रीयकरण प्रदान करता है।

डेवलपर्स के लिए डिज़ाइन सिस्टम पर आधारित बुकमार्क्स, संसाधनों, लेखों और टूल्स का एक क्यूरेटेड अंग्रेजी संग्रह, जिसमें डिज़ाइन टूल्स, डिज़ाइन टोकन, पैटर्न लाइब्रेरी, कंपोनेंट टेस्टिंग, किताबें और टॉक्स शामिल हैं।

A collection of seven skill libraries for AI coding agents covering code cleanup, prose editing, parallel agent orchestration, interface design, product feedback, design research, and QA. Works with Claude Code, Cursor, Codex and other agents that read skill files.

Tinte एक डिज़ाइन सिस्टम कंपाइलर है जो एक identity config से Agent Plugin, shadcn presets और एडिटर थीम्स बनाता है। यह SKILL.md और tokens.css के माध्यम से कोडिंग एजेंटों को ऑन-ब्रांड UI लिखने में सक्षम बनाता है।

Welcome UI Welcome to the Jungle द्वारा प्रकाशित एक ओपन-सोर्स डिज़ाइन सिस्टम है, जो React, TypeScript, Tailwind CSS और Ariakit पर बना है। यह कस्टमाइजेबल डिज़ाइन सिस्टम वेब ऐप्स के लिए मुख्य कंपोनेंट प्रदान करता है, जिसकी विस्तृत दस्तावेज़ीकरण लाइब्रेरी README में उपलब्ध है।

Better Design एक ओपन-सोर्स MCP सर्वर और shadcn/ui रजिस्ट्री है जो AI कोडिंग एजेंटों को डिज़ाइन सिस्टम, CSS टोकन, UI सिद्धांत और WCAG समीक्षा नियम प्रदान करता है। यह 31 थीम के साथ Claude Code और Cursor जैसे क्लाइंट्स से जुड़ता है।

Radix Primitives एक ओपन-सोर्स, लो-लेवल UI कंपोनेंट लाइब्रेरी है जिसे एक्सेसिबल डिज़ाइन सिस्टम और वेब ऐप्स बनाने के लिए विकसित किया गया है। यह MIT-लाइसेंस के तहत WorkOS द्वारा संचालित है।

OpenDesign Claude Design का एक ओपन-सोर्स, लोकल-फर्स्ट डिस्कटॉप विकल्प है। यह एजेंट-नेटिव है, DeepSeek Harness सहित 25+ कोडिंग CLI का समर्थन करता है, DESIGN.md ब्रांड सिस्टम के साथ प्रोटोटाइप, डेक, इमेज और वीडियो बनाता है, और Apache 2.0 लाइसेंस के तहत HTML/PDF/PPTX/MP4 में एक्सपोर्ट करता है।

daisyUI Tailwind CSS के लिए एक मुफ्त और ओपन-सोर्स कंपोनेंट लाइब्रेरी है। यह पहले से डिज़ाइन किए गए, कस्टमाइज़ेबल UI कंपोनेंट्स प्रदान करता है जिन्हें सीधे HTML में उपयोग किया जा सकता है।

FAST माइक्रोसॉफ्ट का आधुनिक वेब के लिए अनुकूली इंटरफेस सिस्टम है, जो मानक-अनुरूप वेब कंपोनेंट्स बनाने के लिए हल्का फ्रेमवर्क और Fluent डिज़ाइन कंपोनेंट लाइब्रेरी प्रदान करता है।

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

Base Web एक React कंपोनेंट लाइब्रेरी है जो Uber के Base डिज़ाइन सिस्टम को लागू करती है, जो TypeScript समर्थन और Styletron-आधारित स्टाइलिंग के साथ आधुनिक, उत्तरदायी UI कंपोनेंट प्रदान करती है। वर्तमान में यह रखरखाव मोड में है।

Dembrandt एक Node.js CLI है जो Playwright से साइट रेंडर करके DOM स्टाइल्स पढ़ता है और रंग, टाइपोग्राफी, स्पेसिंग, बॉर्डर्स, शैडो, मोशन व कंपोनेंट्स को W3C डिज़ाइन टोकन में बदलता है।

Storybook एक फ्रंटएंड वर्कशॉप है जिसका उपयोग UI घटकों और पेजों को अलग-थलग तरीके से बनाने, दस्तावेज़ीकरण करने और परीक्षण करने के लिए किया जाता है। यह कई फ्रेमवर्क और एक्सेसिबिलिटी एवं इंटरैक्टिव डेवलपमेंट के लिए एडॉन्स का समर्थन करता है।

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

Chromatic एक बिल्ड टूल है जो डिज़ाइन-टोकन फ़ाइलों से क्रॉस-प्लेटफ़ॉर्म डिज़ाइन सिस्टम को मैनेज करता है। यह एक्सप्रेसिव टोकन एक्सप्रेशन, थीम्स, YAML/JSON इनपुट का समर्थन करता है और Sass, CSS, iOS, Android और HTML स्टाइल-गाइड आउटपुट जेनरेट करता है।