انتقل إلى المحتوى

مكتبة مكونات React بلا واجهة جاهزة أو أنماط محددة، تمنحك تحكمًا كاملًا في الترميز وCSS، مع إعدادات افتراضية قوية لإمكانية الوصول وسلوك متوافق مع ARIA.

صُممت هذه المكونات كعناصر أولية قابلة للتركيب، مع واجهة API قائمة على الخانات. وهي قابلة للاستبعاد أثناء تجميع الشيفرة، وجاهزة لـ TypeScript، وتعمل مع أي أسلوب تنسيق، بما في ذلك Tailwind وCSS Modules وCSS-in-JS أو CSS العادي.

تغطي مجموعة واسعة من أنماط ولبنات واجهة المستخدم، مثل Accordion وAlert Dialog وAvatar وCheckbox وCheckbox Group وCollapsible وContext Menu وDialog وField وFieldset وForm وInput وMenu وMenubar وMeter وNavigation Menu وNumber Field وPopover وProgress وRadio وScroll Area وSelect وSeparator وSlider وSwitch وTabs وToast وToggle وToggle Group وToolbar وTooltip، بالإضافة إلى أدوات مثل Direction Provider وuseRender.

تستخدم مكونات النوافذ المنبثقة React Portals، وتوصي بإنشاء سياق تكديس معزول لتجنب تعارضات z-index، ما يساعد على إبقاء الطبقات المتراكبة فوق محتوى الصفحة. وتتضمن الوثائق أمثلة لتجميع المكونات وتركيب أجزائها والتكامل مع أنظمة تنسيق مختلفة.

المكتبة مفتوحة المصدر بموجب ترخيص MIT، ولها إصدارات نشطة وخارطة طريق وإرشادات تركز على إمكانية الوصول. ويمكن عرض صفحات الوثائق بصيغة Markdown، كما تتضمن موارد ملائمة لنماذج اللغة الكبيرة لتسهيل استكشاف الشيفرة والتكامل.

الميزات

  • مكونات React بلا واجهة جاهزة أو أنماط محددة
  • سهولة الوصول افتراضيًا مع سلوك متوافق مع ARIA
  • واجهة API قابلة للتركيب وقائمة على الخانات
  • إصدارات ESM قابلة للاستبعاد أثناء تجميع الشيفرة
  • تعريفات TypeScript
  • يعمل مع Tailwind وCSS Modules وCSS-in-JS أو CSS العادي
  • React Portals للنوافذ المنبثقة والطبقات المتراكبة
  • إرشادات لعزل سياق التكديس لتجنب مشكلات z-index
  • أنماط استخدام مع التحكم ومن دونه
  • تغطية واسعة للمكونات (القوائم والنوافذ الحوارية والنوافذ المنبثقة وعلامات التبويب والقوائم المنسدلة وشرائط التمرير وغيرها)
  • ملائم للعرض من جانب الخادم ومحايد تجاه أطر العمل
  • مفتوح المصدر بموجب ترخيص MIT
  • وثائق متاحة بصيغة Markdown مع أدوات مساعدة لنماذج اللغة الكبيرة

عناصر ذات صلة

ArkUI

يتيح حل واجهات المستخدم مفتوح المصدر هذا إنشاء أنظمة تصميم متطورة باستخدام مكونات قابلة للتخصيص والتكييف لتناسب أنماطًا بصرية ومعايير إمكانية وصول متنوعة.

MaterialUI

يقدم هذا المنتج مجموعة قوية من الأدوات لإنشاء واجهات المستخدم في React، مع التركيز على المرونة والالتزام بمعايير التصميم.

Radix Vue

نقل غير رسمي إلى Vue يوفر مكونات واجهة مستخدم قابلة للتخصيص وميسّرة لبناء أنظمة التصميم.

PrimeVue

مجموعة غنية من مكونات واجهة المستخدم مفتوحة المصدر، مصممة لإنشاء تطبيقات Vue.js بسهولة وكفاءة.

Radix Primitives

عناصر React أساسية غير منسقة، سهلة الوصول ومفتوحة المصدر، لإنشاء تطبيقات ويب عالية الجودة وأنظمة تصميم.

Vaul

مكوّن درج بلا تنسيقات مخصص للتكامل السلس مع تطبيقات React، وتحسين تفاعل المستخدم على الأجهزة المحمولة.

ChakraUI

أنشئ تطبيقات ويب سهلة الوصول بسرعة وكفاءة باستخدام مجموعة متينة من المكونات الأساسية سهلة الاستخدام والقابلة للتخصيص بدرجة عالية.

cmdk

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