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

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

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

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

مكتبة مكونات واجهة مستخدم لـ 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 والوضع الداكن والوصول الشامل.

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 مكوناً متاحاً للجميع، مع خمسة سمات مدمجة وحزم مرافقة للأيقونات والرسوم التوضيحية والمخططات.

أوروجا هو مكتبة مكونات واجهة مستخدم خفيفة الوزن لـ 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.

Radix Primitives هي مكتبة مكونات واجهة مستخدم مفتوحة المصدر ومنخفضة المستوى لبناء أنظمة تصميم وتطبيقات ويب سهلة الوصول، تركز على إمكانية الوصول والتخصيص وتجربة المطور. مرخصة بموجب MIT وتديرها WorkOS.

مكتبة مكونات React تُصمَّم لتبدو كرسومات يدوية، تضم 20 مكوناً بلغة TypeScript مع حدود SVG مُرسومة يدوياً ونسيج ورق. تدعم الشجرة القابلة للقص وتتراوح حجمها أقل من 70 كيلوبايت مضغوطة.

GlassKit هي مكتبة مكونات CSS خالية من التبعيات تعتمد مظهر glassmorphism المستوحى من iOS 26 Liquid Glass، وتوفر سمات، ورموز تصميم، وفئات مساعدة، وConstructable Stylesheet لـ Shadow DOM.