Awesome GitHub RepositoriesReact Form Libraries

This project is a community-driven knowledge base that serves as a centralized directory for the React and React Native ecosystems. It functions as a developer discovery portal, aggregating high-quality libraries, frameworks, and learning resources to assist in the research and selection of tools for modern web and mobile application development. The repository distinguishes itself through a hierarchical taxonomy that organizes a fragmented landscape of third-party software into functional domains. By utilizing markdown-based content curation, it provides a structured index that allows develo

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

Formik is a React form management library and state management tool. It serves as a client-side form validator for checking user entries against defined rules and managing associated error messages before submission. The library synchronizes user input values across multiple fields into a single object for retrieval and manipulates the transition of form data from initial entry through validation and final submission. It provides capabilities for tracking complex form state, managing form submissions, and validating user inputs to ensure data integrity.

Amis is a JSON-driven UI framework and low-code page builder used to generate complex administrative interfaces from schema configurations. It functions as an administrative interface generator that renders web pages and data-entry forms using declarative JSON specifications to eliminate manual component coding. The framework utilizes a schema-driven component library where reusable UI elements are instantiated and managed through structured data definitions. This approach enables a rapid prototyping workflow by allowing interface designs and layouts to be modified via schema files without re

This project is a declarative framework for building interactive web forms by parsing JSON Schema definitions. It functions as a component-based generator that automatically maps schema constraints to input fields and validation logic, ensuring that data collection remains consistent with defined structures. The library distinguishes itself through a registry-based architecture that allows for extensive customization of the user interface. Developers can override default widgets, field templates, and layout structures to accommodate unique data types or specific design requirements. It suppor

redux-form is a library for managing HTML form state and validation within a Redux store using React components. It functions as a state manager that synchronizes input values and interaction metadata to maintain a single source of truth in a global state container. The project provides mechanisms for orchestrating dynamic arrays of input fields that can be added, removed, or reordered in real time. It also includes a system for splitting complex data entry into a sequence of pages to create multi-step form wizards. Additional capabilities cover client-side data validation through synchronou

Redux-form is a form state management library that synchronizes user input and form metadata with a global Redux store. It acts as a bridge between form input fields and the Redux ecosystem, ensuring predictable state transitions through a centralized state manager. The library utilizes Higher Order Components to connect React applications to the Redux store. This approach offloads state management from local components to a global store, facilitating the orchestration of complex forms with numerous fields. The system maintains consistency through a unidirectional data flow, integrating form

react-dropzone is a React hook and HTML5 drag-and-drop wrapper used to create interactive areas that accept files via drag-and-drop or a native system file picker. It serves as a web file system interface, bridging browser interfaces with the operating system's file selection process. The project distinguishes itself by managing complex event propagation to isolate drop zones and providing global drag-state detection for document-wide visual feedback. It supports both traditional hidden input triggers and the modern browser File System Access API for secure context integration, and it can det

react-final-form is a React form state management library that provides a framework for declarative form validation and the orchestration of dynamic input fields. It utilizes a subscription-based state manager to trigger interface updates only for the specific fields that change during user input, which optimizes rendering by limiting unnecessary component re-renders. The library functions as a dynamic input field orchestrator, allowing users to add, remove, or reorder lists of form fields. It manages complex form state through a system that supports conditional field rendering and real-time

Meet Genius

Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

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

هذا المشروع عبارة عن قالب لتطبيقات الجوال متعددة المنصات وboilerplate بلغة TypeScript، مصمم لتسريع بناء تطبيقات React Native باستخدام نظام Expo. يوفر المشروع بنية برمجية مهيأة مسبقاً مع هيكل مجلدات قياسي لتسريع مرحلة التطوير الأولية. يتميز القالب ببنية مشروع قائمة على الميزات (feature-based) ومجموعة أدوات أتمتة شاملة. يتضمن توجيهاً (routing) يعتمد على الملفات للتنقل، ومجموعة أدوات واجهة مستخدم (UI kit) للموبايل تعتمد على الأدوات المساعدة (utility-first) للتنسيق، وطبقة لإدارة حالة الخادم لجلب وتخزين بيانات API عن بُعد. يتضمن الإعداد خط أنابيب CI/CD للموبايل باستخدام GitHub Actions وEAS لأتمتة عمليات البناء والاختبار وتوزيع ملفات التطبيق الثنائية. تغطي القدرات الأوسع للمشروع التحقق من صحة النماذج (schema-based form validation)، والتخزين المحلي المشفر للحفاظ على الجلسات، والتعريب متعدد اللغات مع التحقق من ملفات الترجمة. كما يدمج أدوات لفرض الجودة، بما في ذلك git hooks للتدقيق (linting) وفحص الأنواع (type checks)، بالإضافة إلى اختبارات الوحدات (unit testing) والاختبارات الشاملة (end-to-end UI testing).

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

This repository is a collection of learning resources, instructional materials, and practical reference implementations for the React library. It provides code snapshots, application boilerplates, and a repository of examples designed to support a structured curriculum for building React applications. The project offers specific implementation guides and samples for managing application state, mapping routes with shared layouts, and creating validated form systems. It includes versioned code snapshots, completed exercise references, and presentation materials to help users validate their prog

This library provides a dynamic engine for Vue that automatically renders interactive web forms from JSON Schema definitions. It functions as a data-driven framework that maps schema constraints to UI components, managing state synchronization and input validation throughout the form lifecycle. The project distinguishes itself through a flexible adapter system that bridges structured data with established design systems, such as Element UI, Ant Design, or Naive UI. It supports complex interface requirements by allowing developers to inject custom logic, event listeners, and specialized templa

Variant Form is a low-code platform designed for building and managing dynamic, data-driven web forms. It provides a visual drag-and-drop designer that allows users to assemble complex form layouts and configure field properties without manual markup. The system functions as a comprehensive suite for form development, integrating a runtime rendering engine that transforms structured configuration objects into functional, validated user interfaces. The project distinguishes itself through its ability to transpile visual form definitions into portable, framework-specific source code. It utilize

This library provides a framework for managing form state, validation, and submission logic within applications. It utilizes a centralized state container to track input values and field metadata, ensuring that user interface elements remain synchronized with data through declarative field bindings. The project is distinguished by its cross-platform abstraction layer, which decouples form logic from specific rendering environments. This allows developers to implement consistent validation rules and state management patterns that function identically across both web and mobile applications. T

This project is a declarative state manager and component library for building complex, interactive forms in React applications. It provides a framework for constructing form interfaces by mapping structured data schemas to modular UI components, ensuring that input state and data integrity are handled consistently across an application. The library distinguishes itself through a schema-driven approach that decouples form structure from rendering logic. By utilizing centralized validation middleware and configuration-based styling, it allows developers to enforce business rules and maintain v

Field-form is a library for managing complex form state, validation, and field synchronization within React component trees. It functions as a state management solution that uses a shared provider to distribute form data and validation messages across nested components. The library distinguishes itself through a dynamic field registry that supports the addition, removal, and reordering of form controls. It employs a field-level subscription model to ensure that individual components only re-render when their specific state slices change, and it provides an imperative interface for triggering