اكتشف مشاريع مفتوحة المصدر عالية الجودة، وأرسل المشاريع بشكل مجهول، وطالب بمشروعك المفتوح المصدر وحرّره.
فضول صغير. عالم من المصادر المفتوحة.
THE FIRST COLLECTIONيُعرف Franken UI (franken-ui/ui) بأنه مكتبة مكونات واجهة مستخدم تعتمد أولاً على HTML، مبنية على UIkit 3 وموسعة باستخدام LitElement ومستوحاة من shadcn/ui. يشير ملف README حالياً إلى الانتقال إلى 0build، لذا تتوفر التوثيقات في مكان آخر.
Braid هو نظام تصميم قابل للتخصيص لمجموعة SEEK Group، يتم توزيعه كمكتبة مكونات React. يوفر سمات، وBraidProvider، ومكونات منسقة باستخدام Vanilla Extract، مع إرشادات إعداد للمشاريع القائمة على sku.
نظام تصميم Priceline هو مكتبة مكونات واجهة المستخدم مفتوحة المصدر ونظام التصميم الرسمي لشركة Priceline.com. يهدف إلى توحيد أنماط الواجهات، وتسريع التصاميم والتطوير، وتعزيز إمكانية الوصول والذكاء الدولي والتصميم المتجاوب. يُنشر كحزمة npm.
أداه 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.
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 مع إصدارات متعددة المنصات.
