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

Stisla هي مكتبة مكونات مفتوحة المصدر تشترك مكوناتها في مجموعة محدودة من رموز التصميم (design tokens) للألوان والتباعد والزوايا والخطوط. يشير ملف README إلى stisla.dev للوثائق والعروض الحية والقوالب، والمشروع مرخص بموجب رخصة MIT.

يُعرف Franken UI (franken-ui/ui) بأنه مكتبة مكونات واجهة مستخدم تعتمد أولاً على HTML، مبنية على UIkit 3 وموسعة باستخدام LitElement ومستوحاة من shadcn/ui. يشير ملف README حالياً إلى الانتقال إلى 0build، لذا تتوفر التوثيقات في مكان آخر.

مكتبة مكونات واجهة مستخدم لـ Svelte 5 مستوحاة من تصميم Vercel's Geist، تهدف إلى مساعدة المطورين على بناء تجارب ويب متماسكة ومتسقة. تأتي مع موقع توثيق عبر الإنترنت وهي مرخصة بموجب MIT.

Tailgrids هي مكتبة مكونات UI مفتوحة المصدر لـ React مبنية باستخدام Tailwind CSS، توفر أكثر من 100 مكون جاهز للنسخ واللصق، بالإضافة إلى قوالب وكتل واجهة مستخدم، مع دعم TypeScript والوضع الداكن والوصول الشامل.

TW Elements هي مكتبة مكونات مرخصة بموجب MIT لـ Tailwind CSS، توفر أكثر من 500 مكون واجهة مستخدم تفاعلي و117+ كتلة تصميم مع دعم الوضع الداكن وخيارات التخصيص وتثبيت سريع للاستخدام الشخصي والتجاري.

Flowbite هي مكتبة مكونات واجهة مستخدم مفتوحة المصدر مبنية على Tailwind CSS، توفر مكونات تفاعلية مثل النوافذ المنبثقة والقوائم المنسدلة، مع دعم لـ TypeScript وRTL وربط مع React وVue وSvelte وAngular.

designlang هو أداة CLI مفتوحة المصدر تعتمد على Playwright لاستخراج نظام تصميم كامل من أي موقع حي، مولّدة توكنات DTCG وإعدادات Tailwind ومتغيرات Figma و shadcn و React وتوكنات الحركة وأداء WCAG مع إصدارات متعددة المنصات.

مرحباً بـ UI: نظام تصميم مفتوح المصدر طورته Welcome to the Jungle (@wttj). مبني على React وTypeScript وTailwind CSS وAriakit، يجمع المكونات الأساسية اللازمة لبناء تطبيق ويب مميز، مع توثيق مفصل في ملف README.

brandmd هي أداة CLI تستخرج نظام تصميم أي موقع إلكتروني إلى ملف DESIGN.md متوافق مع مواصفات @google/design.md، مما يوفر سياق العلامة التجارية لعملاء البرمجة مثل Claude Code وCursor قبل كتابة واجهة المستخدم. تعمل محلياً دون الحاجة لمفتاح API بشكل افتراضي.

مكتبة React Bits مفتوحة المصدر تحتوي على أكثر من 165 مكونًا تفاعليًا متحركًا لبناء مواقع إلكترونية مرئية جذابة. تشمل المكونات أنماط النصوص، الخلفيات، عناصر واجهة المستخدم، وأدوات إبداعية مجانية.

Marigold هو تنفيذ لـ React لنظام Marigold Design System، مبني على react-aria و Tailwind CSS. يوفر المستودع حزم المكونات والسمات، ومساحة عمل Storybook، وموقع توثيق Next.js، واختبارات Vitest، وإصدارات مدفوعة بـ CI عبر Changesets.

يقوم Design Oracle بتحليل المواقع الإلكترونية باستخدام Playwright لاستخراج نظام التصميم الخاص بها، بما في ذلك الألوان والخطوط والمكونات، ثم تصديرها كإعدادات Tailwind v4 أو React JSX أو تقارير DESIGN.md، ويعمل بشكل مستقل أو كخادم MCP للوكلاء الذكيين.