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

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

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

مشروع Go Performance Starter هو إطار عمل جاهز لتطبيقات SaaS الصغيرة يعتمد على Go وtempl وHTMX مع تكامل Supabase للتحقق من الهوية وPostgreSQL مع RLS، مدعوم بميزانيات أداء مُفروضة عبر CI ودعم التطوير بمساعد الذكاء الاصطناعي مع ضوابط صارمة.

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

Twin.macro هو Babel macro يدمج فئات Tailwind CSS في سير عمل CSS-in-JS، حيث يحول استخدامات tw وcss وstyled وtheme إلى كائنات CSS أثناء عملية البناء، ويدعم مكتبات مثل emotion وstyled-components وغيرها.

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

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

RetroUI هو مكتبة مكونات Tailwind CSS بأسلوب ريترو تقدم عناصر واجهة مستخدم ملهمة بأسلوب NeoBrutalism لبناء تطبيقات ويب حديثة جريئة.

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

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

daisyUI هي مكتبة مكونات مجانية ومفتوحة المصدر لـ Tailwind CSS، توفر مكونات واجهة مستخدم مصممة مسبقاً وقابلة للتخصيص يمكن استخدامها مباشرة في HTML، وتتميز بشعبية واسعة وتوثيق شامل ودعم مجتمعي.

مكتبة 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 للوكلاء الذكيين.

مكتبة مهارات غير رسمية ومفتوحة المصدر تعتمد على Codex، تضم 80 مهارة مختارة للواجهات الأمامية، والمواقع، والحركة، وإمكانية الوصول، وضمان الجودة، وسير عمل الوكلاء الموثوقين، مع محولات لـ Claude Code وCursor وGemini CLI.

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

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