مصدر مفتوح. آفاق جديدة.

Panda هو إطار عمل CSS-in-JS عالمي وآمن النوع لأنظمة التصميم. يقوم باستخراج الأنماط في وقت البناء، ويخرج CSS حديثاً مع طبقات الشلال والمتغيرات، ويدعم الوصفات والمتغيرات، ويعمل مع معظم أطر عمل JS.

يُعرف 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.

نظام تصميم خفيف الوزن، معياري وقابل للتخصيص مبني باستخدام vanilla CSS، يعتمد على متغيرات CSS ومبادئ التصميم المتجاوب مع الهواتف أولاً وممارسات إمكانية الوصول.

نظام تصميم هيلسنكي (HDS) هو نظام تصميم مفتوح المصدر من مدينة هيلسنكي، يقدم مكونات React ورسائل CSS ورموز التصميم، بالإضافة إلى التوثيق والموارد التصميمية.

DesignMD هو أداة CLI تستخرج أنظمة التصميم الحية من أي عنوان URL — الألوان، الطباعة، التباعد، فواصل الاستجابة، وحالات التفاعل — وتُنتج ملف DESIGN.md المحمول المحسّن لوكلاء البرمجة بالذكاء الاصطناعي.

CompoMo هي مكتبة مكونات ويب محايدة للإطار، مبنية بـ Stencil.js، وتُصدر مع محوّل MCP للبيانات الوصفية.

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 مع إصدارات متعددة المنصات.