design-system

PatternFly प्रोजेक्ट के लिए React घटकों का एक सेट।

प्रसिद्ध डिज़ाइन सिस्टम, डिज़ाइन भाषाओं और दिशानिर्देशों की एक सूची

⚡ एक नए प्रोजेक्ट के लिए एक सरल Once UI सेटअप। बस वही जो आवश्यक है, और कुछ नहीं।

ओपन-सोर्स स्किल जो किसी भी ब्रांड को सीखती है और उसे एक संपूर्ण डिज़ाइन सिस्टम में बदल देती है। Claude Code और Codex पर काम करता है। एक बार इंस्टॉल करें, आपका असिस्टेंट जो भी UI बनाएगा वह आपके ब्रांड से मेल खाएगा।

Flutter के लिए एक स्टाइलिंग सिस्टम

Component Driven के लिए स्टैटिक साइट और कंटेंट।

💫 Orbit किसी भी प्रकार के रेडियल UI को बनाने के लिए डिज़ाइन किया गया एक फ्रेमवर्क है।

सुंदर और सुसंगत वेब पेज डिजाइन करने के लिए एक Claude Code SKILL — पहले स्पेसिफिकेशन, फिर कोड।

आधुनिक वेब अनुप्रयोगों के लिए Sci-Fi थीम वाले घटकों और भविष्यवादी डिज़ाइन तत्वों का संग्रह।

0️⃣ Vue के लिए कंपोजेबल UI इंजन। पुन: प्रयोज्य स्थिति, तर्क और प्रिमिटिव के साथ जटिल इंटरफ़ेस बनाएं—बिना घटकों या शैलियों में लॉक हुए।

Priceline.com डिज़ाइन सिस्टम।

Astro और React के लिए 55 फ्रेमवर्क-पोर्टेबल UI घटक। सुलभ Tailwind CSS घटकों को अपने स्वयं के स्रोत के रूप में इंस्टॉल करें, जो एक साझा फ्रेमवर्क-न्यूट्रल रनटाइम द्वारा समर्थित हैं।

आपकी स्टाइलशीट और आइकन फ़ाइलों से उत्पन्न डिज़ाइन टोकन दस्तावेज़ीकरण प्रदर्शित करें। ब्राउज़र में डिज़ाइन टोकन परिवर्तनों का पूर्वावलोकन करें। कस्टम Doc Blocks का उपयोग करके अपने Storybook Docs पेजों में अपने डिज़ाइन टोकन जोड़ें।

🎨 Vibe Design System - React.js में एप्लिकेशन डेवलपमेंट के लिए आधिकारिक monday.com UI संसाधन

Welcome to the jungle (@wttj) का कस्टमाइज़ेबल डिज़ाइन सिस्टम, जिसे React, TypeScript, TailwindCSS और Ariakit के साथ बनाया गया है। यहाँ आपको एक बेहतरीन वेबऐप बनाने के लिए आवश्यक सभी मुख्य घटक मिलेंगे।

Pivotal का डिज़ाइन सिस्टम और कंपोनेंट लाइब्रेरी

सटीक Figma और React कंपोनेंट्स। सर्वोत्तम प्रथाओं, एकीकृत प्रॉप नामों और सुसंगत डिज़ाइन और कोड के साथ पैक किया गया।

अपने डिज़ाइन सिस्टम को एजेंट प्लगइन में कंपाइल करें। किसी भी संदर्भ से पहचान निकालें, SKILL.md + tokens.css उत्सर्जित करें, और जो आपके टोकन को बायपास करता है उसे लिंट करें।

Angular में सुलभ UI घटक बनाने के लिए हेडलेस, कंपोजेबल प्रिमिटिव्स।

एंटरप्राइज़ वेब एप्लिकेशन के लिए उच्च-गुणवत्ता वाले मानकों पर आधारित वेब घटकों का एक सेट। Vaadin 20+ का हिस्सा।

Primer डिज़ाइन सिस्टम के लिए ViewComponents

shadcn/ui से प्रेरित Blazor के लिए सुलभ, हेडलेस प्रिमिटिव्स और खूबसूरती से डिज़ाइन किए गए घटकों का संग्रह

नेटिव वेब कंपोनेंट्स के लिए बेहद सरल JS फ्रेमवर्क।

AI-Native Next.js एडमिन डैशबोर्ड टेम्प्लेट और UI कंपोनेंट्स, जिसमें प्री-बिल्ट एलिमेंट्स, पेज, उच्च-गुणवत्ता वाला डिज़ाइन और इंटीग्रेशन शामिल हैं।

Strapi.io का डिज़ाइन सिस्टम

Claude Code के लिए ओपिनियनेटेड डिज़ाइन एडवाइज़र: एंटी-जेनेरिक UI, स्टाइल फिटिंग रूम, और 58 रियल-साइट डिज़ाइन सिस्टम

Claude (Fable 5) के साथ निर्मित ओपन-सोर्स AI इंटरफ़ेस, जिसमें React, Tailwind और Three.js में हीरो सेक्शन, GLSL शेडर्स, डिज़ाइन सिस्टम, एनिमेशन, 3D घटक और लैंडिंग पेज शामिल हैं। इन्हें अपने AI एजेंट में प्लग करें और तेज़ी से शिप करें।

Unity 6 UI Toolkit (UIDocument + PanelRenderer, UXML + USS) के लिए ड्रॉप-इन डिज़ाइन सिस्टम: टोकन, fx शेडर मटेरियल सपोर्ट, 42 कंपोनेंट्स, 120 आइकॉन, मोबाइल-रिस्पॉन्सिव, डार्क-थीम। एक स्टाइलशीट, शून्य निर्भरताएँ। एक शिपिंग क्रॉस-प्ले गेम में परखा हुआ।

Pink. Appwrite का आधिकारिक फ्रेमवर्क-अज्ञेयवादी डिज़ाइन सिस्टम 🎨 🩷

Claude के साथ AI-सहायता प्राप्त विकास के लिए व्यापक UI/UX और बैकएंड घटक डिज़ाइन कौशल