اكتشف مشاريع مفتوحة المصدر عالية الجودة، وأرسل المشاريع بشكل مجهول، وطالب بمشروعك المفتوح المصدر وحرّره.
فضول صغير. عالم من المصادر المفتوحة.
THE FIRST COLLECTIONأداه oh-my-design تدمج أنظمة التصميم مع وكلاء البرمجة بالذكاء الاصطناعي. بب.command واحد تضيف أكثر من 440 مرجع تصميم و28 مهارة و20 دورًا متخصصًا لوكلاء مثل Claude Code وCodex وCursor وOpenCode، مع إنتاج ملف DESIGN.md محمول.
نظام تصميم خفيف الوزن، معياري وقابل للتخصيص مبني باستخدام vanilla CSS، يعتمد على متغيرات CSS ومبادئ التصميم المتجاوب مع الهواتف أولاً وممارسات إمكانية الوصول.
نظام تصميم هيلسنكي (HDS) هو نظام تصميم مفتوح المصدر من مدينة هيلسنكي، يقدم مكونات React ورسائل CSS ورموز التصميم، بالإضافة إلى التوثيق والموارد التصميمية.
DesignMD هو أداة CLI تستخرج أنظمة التصميم الحية من أي عنوان URL — الألوان، الطباعة، التباعد، فواصل الاستجابة، وحالات التفاعل — وتُنتج ملف DESIGN.md المحمول المحسّن لوكلاء البرمجة بالذكاء الاصطناعي.
CompoMo هي مكتبة مكونات ويب محايدة للإطار، مبنية بـ Stencil.js، وتُصدر مع محوّل MCP للبيانات الوصفية.
مجموعة من 120 ملف DESIGN.md تحتوي على مواصفات تصميم العلامات التجارية، تم استخراجها من مواقع الإنتاج الفعلية لتمكين وكلاء الذكاء الاصطناعي من توليد واجهات مستخدم متسقة مع هوية كل علامة.
Tailgrids هي مكتبة مكونات UI مفتوحة المصدر لـ React مبنية باستخدام Tailwind CSS، توفر أكثر من 100 مكون جاهز للنسخ واللصق، بالإضافة إلى قوالب وكتل واجهة مستخدم، مع دعم TypeScript والوضع الداكن والوصول الشامل.
Chakra UI هو نظام مكونات React مفتوح المصدر لبناء تطبيقات ويب ومنتجات SaaS سهلة الوصول وبسرعة. يدعم Next.js RSC ويأتي بترخيص MIT.
Lightswind UI هي مكتبة مكونات React موثقة باللغة الإنجليزية يتم توزيعها ككود مصدري عبر CLI. توفر أكثر من 160 مكوناً متحركاً وسهل الوصول، مع خادم MCP لأدوات البرمجة بالذكاء الاصطناعي، ومكونات أساسية بترخيص MIT ومحتوى Pro اختياري.
Codex هو نظام التصميم الخاص بـ Wikimedia، حيث يوفر مكونات Vue 3 وCSS، ورموز التصميم (design tokens)، وأيقونات، وموقع توثيق VitePress. كما يدعم التدويل ومعايير إمكانية الوصول WCAG 2.1 AA.
نظام Cloudscape Design System مفتوح المصدر الذي طورته AWS، يوفر مكتبة مكونات React جاهزة وقابلة للوصول لبناء تطبيقات ويب واسعة النطاق مع توثيق شامل.
Skeleton هو نظام تصميم تكيفي مبني على Tailwind CSS، يوفر مكونات جاهزة لأطر عمل الويب الشهيرة، إلى جانب التوثيق، ومولد سمات، وقنوات مجتمعية.
Ark UI هي مكتبة مكونات غير منسقة (headless) من فريق Chakra UI، توفر أكثر من 45 عنصراً أساسياً سهل الوصول مبنية على آلات حالة Zag.js مع واجهة برمجة تطبيقات موحدة لـ React و Solid و Vue و Svelte.
Carbon هو نظام التصميم مفتوح المصدر من IBM للمنتجات والتجارب. يوفر هذا المستودع الموحد مكتبات React ومكونات الويب، وأنماط Sass، وعلامات التصميم، والأيقونات، والصور التوضيحية، وأدوات لبناء واجهات متسقة.
تعد @alifd/next مكتبة مكونات React قابلة للتكوين من Alibaba Fusion مخصصة لأنظمة الخلفية للمؤسسات. تتكامل مع حزم سمات Fusion Design لتوحيد المصدر المرئي بين المصممين والمطورين، وتدعم التثبيت عبر npm أو المتصفح مع إمكانية استيراد الوحدات بشكل منفصل.
Flowbite هي مكتبة مكونات واجهة مستخدم مفتوحة المصدر مبنية على Tailwind CSS، توفر مكونات تفاعلية مثل النوافذ المنبثقة والقوائم المنسدلة، مع دعم لـ TypeScript وRTL وربط مع React وVue وSvelte وAngular.
HeroUI Native هي مكتبة مكونات واجهة مستخدم لـ React Native مرخصة بموجب Apache-2.0، وتتميز بكونها جميلة وسريعة وعصرية، وتوفر توثيقاً وتطبيقاً تجريبياً لاستكشاف المكونات على الأجهزة.
designlang هو أداة CLI مفتوحة المصدر تعتمد على Playwright لاستخراج نظام تصميم كامل من أي موقع حي، مولّدة توكنات DTCG وإعدادات Tailwind ومتغيرات Figma و shadcn و React وتوكنات الحركة وأداء WCAG مع إصدارات متعددة المنصات.
مكتبة Arco Design Vue لـ Vue 3 تتضمن أكثر من 60 مكونًا جاهزًا باستخدام TypeScript، مع دعم تخصيص الثيمات من خلال less-loader أو Design Lab، وتُثبَّت عبر حزمة npm.
مجموعة مختارة باللغة الإنجليزية من الإشارات المرجعية والموارد والمقالات والأدوات حول أنظمة التصميم للمطورين، تغطي أدوات التصميم، وDesign tokens، ومكتبات الأنماط، واختبار المكونات، والكتب، والمحاضرات.
