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

Base Web هي مكتبة مكونات React تطبق نظام تصميم Base من Uber، وتوفر مكونات واجهة حديثة ومتجاوبة مع دعم TypeScript وتنسيق قائم على Styletron. وهي حالياً في وضع الصيانة.

Oat هي مكتبة واجهة مستخدم (UI) فائقة الخفة وبدون تبعيات تعتمد على HTML/CSS/JS الدلالي (حوالي 10 كيلوبايت). لا تتطلب إطار عمل أو عملية بناء، وتنسق الوسوم الدلالية سياقياً دون الحاجة لفئات (classes).

UI Layouts هي مكتبة مكونات مفتوحة المصدر لبناء واجهات ويب عصرية وإبداعية، تقدم كتل جاهزة للاستخدام ومكونات تأثيرات مع ملاحظات إعداد لـ Tailwind CSS وMotion وclsx وtailwind-merge.

Radzen Blazor هي مكتبة مكونات واجهة مستخدم مجانية بترخيص MIT لـ Blazor، تضم أكثر من 145 مكوناً أصلياً بلغة C#، بما في ذلك DataGrid وScheduler والمخططات البيانية، مع 10 سمات مدمجة بنسخ فاتحة وداكنة.

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

HeroUI، المعروف سابقاً باسم NextUI، هي مكتبة مكونات React جاهزة للإنتاج تدمج إمكانية الوصول من React Aria مع Tailwind CSS v4، وتوفر أدوات موجهة للذكاء الاصطناعي مثل خادم MCP وllms.txt.

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

Naive UI هي مكتبة مكونات لـ Vue 3 مكتوبة بلغة TypeScript وتضم أكثر من 90 مكوناً قابلاً لعملية tree-shaking. توفر نظام سمات آمن النوع للتخصيص دون الحاجة لاستيراد CSS، وتستخدم القوائم الافتراضية في مكونات البيانات لضمان السرعة.

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

Lightswind UI هي مكتبة مكونات React موثقة باللغة الإنجليزية يتم توزيعها ككود مصدري عبر CLI. توفر أكثر من 160 مكوناً متحركاً وسهل الوصول، مع خادم MCP لأدوات البرمجة بالذكاء الاصطناعي، ومكونات أساسية بترخيص MIT ومحتوى Pro اختياري.

Radix Themes هي مكتبة مكونات React مفتوحة المصدر تركز على السرعة والصيانة وسهولة الوصول، تُدار بواسطة WorkOS وتحت ترخيص MIT.

MudBlazor هو إطار عمل لمكونات Material Design مخصص لـ Blazor، مكتوب بالكامل بلغة C# مع حد أدنى من JavaScript. يساعد مطوري .NET على بناء تطبيقات الويب بسرعة دون عناء التعامل مع CSS، ويوفر توثيقاً وأمثلة وإصدارات متكررة.

ZenUI Library React هي مكتبة مكونات واجهة مستخدم مفتوحة المصدر مبنية باستخدام React و Tailwind CSS، توفر أكثر من 800 مكون و20 قالبًا و100 مكون متحرك، وتعتمد على نسخ مقتطفات الكود مباشرة في المشروع.

مكتبة Arco Design Vue لـ Vue 3 تتضمن أكثر من 60 مكونًا جاهزًا باستخدام TypeScript، مع دعم تخصيص الثيمات من خلال less-loader أو Design Lab، وتُثبَّت عبر حزمة npm.

قائمة منسقة لأفضل مكتبات مكونات واجهة المستخدم وأنظمة التصميم على مستوى الإطارات البرمجية، منظمة حسب إطارات مثل React وVue وAngular وAstro، بالإضافة إلى أدوات وموارد مجتمعية.

مكتبة مكونات Svelte التي تطبق نظام Carbon Design System مفتوح المصدر من IBM، وتضم أكثر من 90 مكوناً متاحاً للجميع، مع خمسة سمات مدمجة وحزم مرافقة للأيقونات والرسوم التوضيحية والمخططات.

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

أوروجا هو مكتبة مكونات واجهة مستخدم خفيفة الوزن لـ Vue.js 3 بدون اعتماد على أي إطار CSS. توفر مكونات قابلة للتخصيص، وخزل الأشجار، وسمات جاهزة، وتكوين ربط الفئات لتكامل Tailwind وBulma وBootstrap.

Bezier React هو مستودع monorepo يتكون من حزمة أساسية لمكتبة مكونات React التي تطبق نظام تصميم Bezier، إلى جانب حزم للأيقونات، وdesign tokens، وcodemod، وإضافة Figma، وStylelint.

Better Design هو خادم MCP مفتوح المصدر وسجل shadcn/ui يزود وكلاء البرمجة بالذكاء الاصطناعي بأنظمة التصميم، ورموز CSS الدلالية، ومبادئ واجهة المستخدم، وقواعد مراجعة WCAG، ويدعم عملاء مثل Claude Code وCursor وVS Code.