Ant Design
مكتبة مكونات Enterprise (Enterprise UI Component Library)
Ant Design هي مكتبة مكونات React من Alibaba Group مصممة خصيصاً لتطبيقات Enterprise. توفر أكثر من 60 مكون جاهز مع تصميم احترافي وموحد. تُستخدم على نطاق واسع في الصين وآسيا. …
Ark UI
مكتبة مكونات Headless (Headless UI Component Library)
Ark UI هي مكتبة مكونات headless منخفضة المستوى من فريق Zag.js، توفر منطق المكونات بدون تصميم مسبق. تسمح لك ببناء واجهات المستخدم بالكامل مع التحكم الكامل في التصميم والأنماط. تعمل …
Base UI
مكتبة مكونات headless من MUI (Headless UI Components from MUI)
Base UI هي مكتبة مكونات headless من فريق Material UI. توفر logic والسلوك بدون styles، مما يسمح ببناء مكونات مخصصة بالكامل. مصممة لتكون foundation لـ MUI components. Base UI توفر …
Chakra UI
مكتبة مكونات واجهة بسيطة (Accessible UI Component Library)
Chakra UI هي مكتبة مكونات React بسيطة وقابلة للتخصيص مع التركيز على accessibility. توفر مكونات جاهزة مع style props مشابهة لـ Styled-Components. تستخدم نظام theme مرن يسمح بتخصيص كامل. Chakra …
DaisyUI
مكتبة مكونات قائمة على utility classes (Component Class Library)
DaisyUI هي حزمة إضافية لـ Tailwind CSS توفر مكون classes جاهزة مثل `.btn`, `.card`, `.modal`. بدلاً من كتابة عشرات من utility classes، تستخدم classes بسيطة مع الحفاظ على مرونة Tailwind. …
Fluent UI
مكتبة مكونات Microsoft (Microsoft Design System)
Fluent UI هي مكتبة مكونات من Microsoft مبنية على Fluent Design System. تستخدم في Microsoft 365, Windows, وAzure. توفر مكونات React مع التركيز على enterprise وaccessibility. Fluent UI 9 (latest) …
Headless UI
مكتبة مكونات غير منسقة (Unstyled UI Components)
Headless UI هي مكتبة مكونات من فريق Tailwind CSS توفر مكونات تفاعلية بدون تنسيق مسبق. توفر behavior و accessibility كامل مع حرية كاملة في التنسيق. مصممة لتعمل بشكل مثالي مع …
Mantine
مكتبة مكونات React حديثة (Modern React UI Library)
Mantine هي مكتبة مكونات React حديثة مع أكثر من 100 مكون قابل للتخصيص. تتميز بـ hooks مدمجة، نظام theme مرن، و TypeScript support كامل. تُقدم تجربة تطوير ممتازة مع documentation …
Material-UI (MUI)
مكتبة مكونات واجهة المستخدم (UI Component Library)
Material-UI (MUI) هي مكتبة مكونات React الأكثر شهرة، مبنية على Material Design من Google. توفر أكثر من 50 مكون جاهز للاستخدام بما فيها الأزرار، النماذج، النوافذ المنبثقة، الجداول، والقوائم. MUI …
NextUI
مكتبة مكونات React حديثة (Modern React UI Library)
NextUI هي مكتبة مكونات React حديثة مع تصميم جميل وaccessible. تستخدم Tailwind CSS و Framer Motion للرسوم المتحركة. توفر مكونات نظيفة وعصرية مناسبة للتطبيقات الحديثة. NextUI 2.0 أحدث إصدار يوفر …
NG-ZORRO
مكتبة مكونات Angular Enterprise (Angular Enterprise UI Components)
NG-ZORRO هي المكتبة الرسمية لمكونات Ant Design مبنية لـ Angular. تقدم أكثر من 70 مكوّن عالي الجودة مصمم لتطبيقات المؤسسات المعقدة. تعتمد نفس فلسفة Ant Design في التصميم والتجربة، مع …
PrimeReact
مكتبة مكونات React شاملة (Comprehensive React UI Component Library)
PrimeReact هي واحدة من أكبر مكتبات مكونات React مفتوحة المصدر، تقدم أكثر من 90 مكون جاهز للاستخدام. تتميز بتصميم Material Design مع إمكانية تخصيص كامل للثيمات والدعم الكامل للغة العربية …
PrimeVue
مكتبة مكونات Vue شاملة (Comprehensive Vue UI Component Library)
PrimeVue هي مكتبة مكونات Vue.js مفتوحة المصدر من فريق PrimeTek، تقدم أكثر من 90 مكون جاهز للاستخدام مع تصميم احترافي. توفر بديل قوي لـ Element Plus و Vuetify مع دعم …
Quasar
إطار عمل Vue.js متعدد المنصات (Cross-platform Vue Framework)
Quasar هو إطار عمل متكامل مبني على Vue.js يسمح لك بإنشاء تطبيقات متعددة المنصات من مشروع واحد: SPA, PWA, SSR, و تطبيقات الموبايل (Android/iOS)、 و سطح المكتب (Windows/Mac/Linux عبر Electron). …
Radix UI
مكتبة مكونات headless (Headless UI Component Library)
Radix UI هي مكتبة مكونات "headless" – توفر logic والسلوك للمكونات بدون styles. تسمح لك ببناء واجهات مخصصة بالكامل مع accessibility و keyboard navigation مدمج. من فريق WorkOS. Radix UI …
shadcn/ui
مجموعات مكونات قابلة للنسخ (Copy-Paste Component Collection)
shadcn/ui ليست مكتبة تقليدية – إنها مجموعة من المكونات القابلة للنسخ واللصق. بدلاً من تثبيتها كـ dependency، تنسخ الكود مباشرة إلى مشروعك. مبنية على Radix UI (logic) و Tailwind CSS …