Awesome GitHub RepositoriesReact Libraries

react-hook-form is a React form state management library and cross-platform UI hook used to manage form inputs, validation, and submission state. It functions as an uncontrolled form controller, leveraging uncontrolled components to minimize unnecessary re-renders in web and mobile environments. The library provides schema-based form validation, allowing user input to be verified against predefined rules or external schema libraries to ensure data integrity. It is designed to connect form logic to components across both React and React Native applications. The project covers the integration

This project is a cross-platform UI toolkit and universal UI framework providing a collection of pre-styled interface components for building mobile and web applications. It functions as a mobile design system and themed component library, allowing developers to maintain a cohesive visual language across different screens and devices using a shared codebase. The toolkit centers on a themed component architecture that supports global and component-level style configurations. This enables the definition of colors and property defaults in a central location to ensure consistent branding and a un

React-Native-Elements is a cross-platform mobile UI toolkit and component library. It provides a collection of pre-built visual elements and a framework for building responsive, uniform layouts that render consistently across different mobile operating systems. The library focuses on mobile interface standardization and React Native frontend design. It enables rapid mobile prototyping by offering a shared set of common UI patterns, allowing developers to assemble functional interfaces without coding every component from scratch. The toolkit supports cross-platform UI development by ensuring

This project is a transition component library for React that manages CSS animations during the mounting and unmounting of components. It functions as a CSS class state manager and animation orchestrator, applying specific class sequences to track the entry and exit states of elements. The library coordinates the timing and sequence of multiple elements entering or leaving the screen. This includes managing synchronized group transitions for lists and triggering visual animations when switching between different URL routes. The system covers a range of transition capabilities, including stat

jQuery Mobile is a mobile web framework and cross-platform UI library designed to create consistent HTML5 user interfaces that adapt to different mobile device platforms and screen sizes. It provides a collection of customizable components and CSS styles to render a unified look and feel across various mobile operating systems. The framework functions as a CSS themeable UI kit, featuring a build process that allows for the generation of custom visual themes by modifying base style files and assets. The library covers a broad capability surface including responsive mobile interface developmen

Rax هو إطار عمل لتطبيقات React الشاملة وبيئة JavaScript متماثلة (isomorphic) مصممة لتقديم قاعدة كود واحدة عبر منصات الويب، والهواتف المحمولة، والتطبيقات المصغرة (mini-programs). يعمل كمحرك عرض للمكونات عبر المنصات يقوم بترجمة مكونات React إلى عناصر خاصة بكل منصة باستخدام مواصفات تعريفية موحدة. يستخدم إطار العمل مواصفات تعريفية موحدة لواجهة المستخدم لفصل منطق المكون عن طبقة واجهة المستخدم الأساسية، مما يسمح بمعالجة DOM موحدة وإدارة الأحداث عبر بيئات تنفيذ مختلفة. تتيح هذه البنية دمج مكونات التطبيقات المصغرة الأصلية وإضافات خاصة بالمنصة للاستفادة من الأجهزة أو البرمجيات المحلية. يتضمن إطار عمل للعرض من جانب الخادم (SSR) لإنشاء HTML ثابت لتحسين سرعة التحميل الأولية وظهور محركات البحث، مكملاً بآلية ترطيب (hydration) من جانب العميل لجعل الواجهة تفاعلية. يوفر النظام أيضاً إدارة دورة حياة التطبيق الشاملة للتعامل مع التهيئة، والتوجيه، وانتقالات الحالة عبر المنصات.

nativescript-vue is a framework for building native iOS and Android applications using Vue components and a reactive state system. It functions as a cross-platform mobile UI library that renders platform-specific views instead of web views, utilizing a native mobile application bridge to connect Vue logic to NativeScript APIs for direct access to mobile hardware and OS features. The framework employs a reactive mobile component system to create high-performance screens and dynamic lists with automatic state updates. This architecture allows for the development of native mobile applications fr

Flutter-UI-Kit هي مكتبة مكونات ومعرض واجهات لتطوير تطبيقات الهاتف المحمول. توفر مجموعة من عناصر الواجهة ومكونات التخطيط الجاهزة المصممة لبناء تطبيقات عبر الأنظمة الأساسية. يعمل المشروع كمجموعة قوالب، حيث يقدم تخطيطات شاشة احترافية لصفحات التطبيقات الشائعة مثل لوحات المعلومات، والملفات الشخصية، وعربات التسوق. تسمح هذه القوالب بالتنفيذ السريع لواجهات مستخدم الهاتف المحمول القياسية. تغطي المكتبة مجموعة من قدرات التطوير بما في ذلك نماذج واجهة الهاتف المحمول وتصميم التطبيقات عبر الأنظمة الأساسية، مما يتيح تجميع الشاشات باستخدام مجموعة مشتركة من عناصر التخطيط الجاهزة.

Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size. The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to

Aurora IMUI is a cross-platform chat UI component library that provides native interface elements for building instant messaging screens on Android, iOS, and React Native. It wraps platform-native UI components behind a unified interface, delegating rendering to each platform's native runtime while maintaining consistent behavior and appearance across devices. The library separates chat data into a platform-agnostic model layer that drives view updates through reactive bindings to native list components. It manages the multi-modal input bar as a finite state machine that switches between text

هذا المشروع عبارة عن مكون واجهة مستخدم متعدد المنصات لتطبيقات React Native يوفر نافذة تراكب قابلة للتخصيص لتقديم المحتوى فوق واجهات التطبيق الحالية. يعمل كمكتبة لإدارة المكونات المشروطة (modal) المتحركة، والخلفيات، وانتقالات الجوال. يتميز المكون بدعم رسوم متحركة مخصصة للدخول والخروج وخلفيات قابلة للتكوين بدرجة عالية، مما يسمح بتعديل الشفافية واللون ودمج عناصر مخصصة. كما يطبق إغلاقاً يعتمد على الإيماءات، مما يمكن المستخدمين من إغلاق التراكبات عبر نقرات الخلفية أو السحب في اتجاهات محددة. تتعامل المكتبة مع تحديات الواجهة الخاصة بالجوال، بما في ذلك تموضع لوحة المفاتيح التكيفي لإبقاء المحتوى مرئياً عند فتح لوحة المفاتيح البرمجية وتنسيق إيماءات السحب مع المحتوى القابل للتمرير الداخلي. كما توفر ردود اتصال لدورة الحياة يتم تفعيلها أثناء تسلسلات الرسوم المتحركة وأحداث النظام.

Web3Modal هي واجهة اتصال بالمحفظة ومجموعة أدوات تأهيل تُستخدم لربط محافظ العملات المشفرة الخارجية بالتطبيقات عبر شبكات بلوكشين متعددة. توفر واجهة مستخدم موحدة لإدارة اتصالات المحفظة الرقمية وتتبع جلسات مصادقة المستخدم. يتميز المشروع بنظام محفظة اجتماعية مدمج يتيح توفير المحفظة غير الحاضنة عبر عمليات تسجيل الدخول الاجتماعية والبريد الإلكتروني لإزالة متطلبات عبارات البذور (seed phrases). كما يتضمن إطار عمل لتجريد الحساب (account abstraction) لنشر حسابات ذكية قابلة للبرمجة وموجه مزود متعدد السلاسل لإدارة المعاملات وطلبات القراءة عبر أنظمة بلوكشين البيئية المختلفة. تغطي مجموعة الأدوات قدرات أوسع بما في ذلك رعاية معاملات السلسلة (onchain) لدفع رسوم الغاز للمستخدمين، بالإضافة إلى دمج مقايضات العملات المشفرة ومداخل العملات الورقية (fiat on-ramps) لتبادل الأصول.

هذا المشروع عبارة عن مجموعة من الموارد التعليمية، والوثائق، وقوالب البداية المصممة للمطورين الذين يدرسون إطار عمل Flutter ولغة Dart. يوفر مجموعة شاملة من أدلة التثبيت، ودروس التكوين، والمواد المرجعية للمساعدة في بناء تطبيقات الهاتف المحمول متعددة المنصات. يتميز المستودع بمجموعة واسعة من الأمثلة العملية، بما في ذلك عروض قواعد لغة Dart، وأنماط واجهة المستخدم متعددة المنصات، وقوالب المشاريع. يوفر بشكل خاص كود عينة لتنفيذ المكونات الإضافية للمنصة الأصلية وربط ميزات العتاد باستخدام قنوات الطريقة (method channels). تغطي قاعدة الكود مجموعة واسعة من قدرات التطوير، بما في ذلك عرض واجهة المستخدم القائم على الحالة وبناء التخطيط القائم على الأدوات (widget-based). يتضمن تطبيقات لتوجيه التنقل، واستمرارية البيانات المحلية عبر SQLite والتفضيلات المشتركة، وتكاملات مستوى النظام لإشعارات الدفع ومستشعرات العتاد. يوفر المشروع أيضاً مواد لتكوين البيئة، والتحقق من أدوات التطوير، واختبار المنطق لضمان إعداد متسق عبر الأجهزة المحلية.

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

Small هو إطار عمل إضافي (Plugin) عبر الأنظمة الأساسية وأداة نمذجة مصممة لتقسيم تطبيقات الهاتف المحمول المتجانسة إلى مكونات مستقلة. يوفر بنية هاتف محمول معيارية تسمح للمطورين بتقسيم التطبيقات إلى إضافات مفصولة لتقليل تعقيد النظام واستخدام الذاكرة عبر أنظمة تشغيل متعددة. يتضمن إطار العمل محملاً ديناميكياً للوحدات لتحميل الميزات عند الطلب لتحسين أوقات البدء وسجل خدمة حقن التبعية الذي يربط وحدات الميزات بنواة مركزية لاكتشاف الخدمة. يوفر النظام طبقة تجريد للنظام الأساسي وجسراً للمكونات لإدارة المنطق المشترك وعناصر واجهة المستخدم بشكل متسق عبر منصات الهاتف المحمول المختلفة. كما يدعم الاتصال المفصول من خلال نظام مراسلة ناقل الأحداث وبنية قائمة على الإضافات.

هذا المشروع عبارة عن مكتبة واجهة مستخدم للهواتف المحمولة عبر الأنظمة الأساسية ونظام تصميم مبني لإطار عمل React Native. يوفر مجموعة من مكونات الواجهة القابلة للتصميم وإعادة الاستخدام لضمان الاتساق المرئي عبر أنظمة تشغيل الهواتف المحمولة المختلفة. يتضمن إطار العمل أداة متخصصة لتحويل سلاسل HTML الخام إلى مكونات هاتف محمول أصلية باستخدام عرض العناصر المخصص وتجاوزات النمط. كما يتميز بنظام تحديث عن بُعد يسمح بدفع تغييرات الواجهة والميزات الجديدة مباشرة إلى الأجهزة دون الحاجة إلى إصدار كامل من متجر التطبيقات. تغطي المكتبة مجموعة واسعة من الإمكانيات، بما في ذلك تصميم التطبيقات المركزي وإدارة السمات، ورسوم متحركة لواجهة المستخدم تعريفية، وإدارة تخطيط الشاشة باستخدام الشبكات وعلامات التبويب وأجهزة النداء. وتوفر مجموعة من العناصر التفاعلية لإدخال المستخدم، وعرض الوسائط للصور ومقاطع الفيديو، ومؤشرات إشعارات النظام. تتضمن ميزات الأداة الإضافية التخزين المحلي للإشارات المرجعية، وتكامل إشعارات الدفع، وأدوات آلية للنشر في المتجر.

gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

هذا المشروع عبارة عن مكتبة واجهات مستخدم بتصميم Material Design ومجموعة أدوات للمكونات عبر المنصات. يوفر مجموعة من مكونات واجهة المستخدم مسبقة التصميم وإطار عمل للتخطيط مصمم لضمان تجربة بصرية متسقة عبر مختلف الأجهزة المحمولة. تتضمن المكتبة نظاماً لإدارة سمات الأجهزة المحمولة لتعريف وتحديث لوحات الألوان العالمية وقواعد التصميم عبر واجهة التطبيق. كما يطبق أنماط تخطيط وقواعد تباعد موحدة للحفاظ على تصميم نظيف ومتسق. تغطي مجموعة الأدوات بناء نماذج وواجهات الأجهزة المحمولة باستخدام عناصر مثل الأزرار، والبطاقات، وحقول إدخال النصوص، ومؤشرات التحميل، ومفاتيح التبديل، ومنزلقات القيم.

This project is a cross-platform UI framework and component library designed for the Weex framework. It provides a collection of high-performance interactive interface components and a toolkit of pre-made elements, such as buttons and popups, to create consistent user interfaces across different platforms from a single codebase. The library focuses on accelerating mobile app interface construction by offering a set of reusable layout elements and interactive tools. This enables the development of functional mobile screens and cross-platform UI designs through a shared component library.

Taro-ui is a cross-platform UI component library and multi-platform frontend framework. It provides a set of reusable interface elements designed to render a single codebase across mobile, web, and various mini-program environments. The project includes a vector icon integration system that allows for the rendering of scalable web-font icons and the import of third-party font icon sets to customize the visual identity of an application. The framework covers multi-platform interface design and cross-platform UI development. It utilizes an adaptive layout system for visual consistency across s