Awesome GitHub RepositoriesComboboxes

Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

This project is a cross-platform UI framework and native desktop GUI library. It provides a unified set of instructions to render native windows, forms, and layouts across different operating systems by mapping high-level instructions to the native widgets and controls of the host environment. The toolkit includes a vector graphics engine for rendering custom shapes, gradients, and high-density images using brushes and matrices. It also serves as a native dialog provider for system-level operations such as file path selection and message box alerts. The library covers a broad range of GUI co

Zag هي مكتبة آلة حالة واجهة مستخدم بدون رأس توفر منطق مكون غير مصمم لضمان سلوك متسق عبر محركات عرض مختلفة. تعمل كمجموعة أدوات لنمذجة تفاعلات واجهة المستخدم المعقدة باستخدام مخططات الحالة، وفصل المنطق الأساسي وسمات إمكانية الوصول عن التصميم المرئي. المكتبة لا تعتمد على إطار عمل، وتستخدم محولات متخصصة لربط منطق آلة الحالة الخاص بها بمكتبات JavaScript متنوعة مثل React و Solid و Vue و Svelte. يسمح هذا النهج للمطورين بالحفاظ على نموذج تفاعل واحد مع تطبيق أي حل CSS أو تصميم من خلال سمات البيانات القائمة على الحالة. تغطي Zag مجموعة واسعة من المجالات الوظيفية، بما في ذلك إدارة إمكانية الوصول الشاملة للتنقل بلوحة المفاتيح وسمات ARIA، بالإضافة إلى مجموعة واسعة من العناصر التفاعلية. تشمل هذه عناصر التحكم في الإدخال، وعناصر التنقل مثل القوائم وعلامات التبويب، ومكونات التراكب مثل مربعات الحوار والنوافذ المنبثقة، ومعالجة الوسائط المعقدة لاقتصاص الصور والتقاط التوقيعات. كما توفر أدوات لإدارة البيانات الهرمية، ومعالجة القوائم غير المتزامنة، ونظاماً لبناء جولات المنتج الموجهة.

Open-UI هي مجموعة من مواصفات معايير واجهة مستخدم الويب ومكتبة مكونات واجهة مستخدم موحدة. توفر تعريفات تقنية لمكونات واجهة المستخدم العالمية، والسلوكيات، ومتطلبات إمكانية الوصول المصممة لضمان التوافق عبر المتصفحات من خلال سلسلة من مقترحات لغة الويب. يتميز المشروع بـ polyfill لإمكانية الوصول إلى الويب و polyfills للتحكم القابلة للتوسيع التي توفر وظائف تحكم حديثة في واجهة المستخدم في البيئات التي تفتقر إلى دعم المتصفح الأصلي. ويتضمن مجموعة توافق المتصفح للتحقق من أن المكونات تلبي متطلبات السلوك وإمكانية الوصول المحددة. تغطي المكتبة مجموعة واسعة من عناصر الواجهة، بما في ذلك مربعات التحرير والسرد القابلة للبحث، وأنظمة القوائم التفاعلية، ومدخلات النطاق متعددة المقابض، وقوائم الاختيار القابلة للتخصيص. كما تتضمن مكونات التخطيط والتنقل مثل الأكورديون، والنوافذ المشروطة، ومسارات التنقل (breadcrumbs)، وعناصر العرض الدوارة (carousels). يستخدم النظام ربط السلوك التصريحي وإرسال الإجراءات القائم على الأحداث لتنفيذ منطق المكون، مع كشف الحالات الداخلية من خلال CSS pseudo-elements للتصميم البصري.

This library provides a React component for building accessible combobox and autocomplete inputs. It is designed to display dynamic search suggestions as users type, facilitating data selection from large sets while adhering to established accessibility standards for screen readers and keyboard navigation. The component distinguishes itself through a highly flexible architecture that allows developers to define custom visual layouts for both the input field and the suggestion menu. By utilizing render prop composition and custom rendering interfaces, it enables the injection of unique UI logi