Open-source alternatives to React Forms

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

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

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

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

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

Effector is a reactive state management library designed for building complex, event-driven applications. It functions as a data flow engine that models application logic as a directed acyclic graph, ensuring that state updates propagate automatically through interconnected nodes. By utilizing atomic state updates and declarative unit composition, the library maintains data consistency and provides a predictable execution model for managing application state. The project distinguishes itself through its framework-agnostic architecture, which decouples business logic from user interface implem

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 React component library and web UI design system designed for creating interactive web interfaces. It functions as a responsive frontend framework that provides a collection of modular building blocks to ensure visual consistency across different application pages and devices. The system utilizes a CSS-in-JS styling framework that generates and injects styles at runtime through a centralized property injection system. This approach allows for the implementation of a theme-driven architecture where layouts and color themes automatically adjust based on screen size and user pr

This project is a reactive state management library designed for handling complex form data and validation logic. It utilizes observable-based patterns to synchronize user interface components with underlying data models, ensuring that form states remain consistent throughout an application. The library provides a structured approach to managing form initialization, field tracking, and lifecycle events. The library distinguishes itself through its support for deeply nested data structures and hierarchical composition, allowing for recursive validation and dynamic updates within complex object

json-editor is a schema-driven UI generator and web-based editor that automatically creates interactive HTML forms from JSON Schema definitions. It functions as a tool for collecting, modifying, and validating structured data by mapping schema specifications to corresponding input components. The project distinguishes itself through a plug-in input architecture and resolver-based component mapping, which allow for the injection of third-party editors and custom input interfaces for specialized data types such as markdown, colors, and syntax-highlighted code. It also supports external schema r

form-render is a schema-driven UI framework that translates structured JSON definitions into functional administrative layouts, interactive web forms, and data visualizations. It serves as a system for rendering components and validation logic based on declarative schemas rather than manual imperative code. The framework includes a JSON-based form generator and a data table component that transforms structured data into searchable and sortable interfaces. It also features a visualization engine that renders data charts from simplified configuration schemas and a visual editor for designing fo

re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized, immutable database that serves as the single source of truth for the entire application state, enforcing a strict unidirectional data flow where events trigger state transitions and subsequent view updates. The framework distinguishes itself through a reactive signal graph and an interceptor-based middleware pipeline. By treating application logic as a sequence of data-driven events and declarative side effects, it decouples business logic from the view layer. This architectur

Angular schema form is a framework directive and form component library that automatically generates and validates interactive HTML form controls from standard JSON schemas and companion layout configurations. It translates structured data definitions into customizable user input interfaces, parsing data types and custom rules into native form controls and reusable HTML markup templates. The project provides capabilities for dynamic field management, allowing form elements to show or hide conditionally by evaluating expressions against current model and scope state, and supporting dynamic arr

React95 is a React component library and retro UI framework designed to replicate the visual aesthetic and interaction patterns of classic nineties desktop operating systems. It provides a collection of reusable user interface elements and a nostalgic interface library for constructing web layouts that mimic the windowing behavior of vintage computer systems. The project functions as a CSS-in-JS design system, using a centralized set of visual tokens to ensure consistent retro styling without the need for external stylesheets. It operates as a frontend design system that provides the necessar

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 project is a toolkit for constructing browser-based graphic editors and interactive design applications. It provides a comprehensive framework for building canvas-based interfaces where users can manipulate visual elements, manage complex layouts, and author presentations or process models. The system is built on a modular component architecture that integrates state management with direct element interaction. The platform distinguishes itself through its support for workflow automation and dynamic extensibility. It allows developers to define event-driven sequences and conditional logic

This project is a schema-based form generator for Vue.js that constructs interactive user interfaces by parsing structured data configurations. It automates the creation of form layouts, data binding, and field rendering, eliminating the need for manual template creation for individual forms. The system distinguishes itself through a registry-based architecture that allows for the integration of custom input components. By mapping specialized field types to the generation engine, developers can extend the library to handle unique data types or complex interface requirements that fall outside

Vendure is a Node.js e-commerce engine and headless commerce framework built with NestJS and TypeScript. It serves as a multi-channel commerce platform that manages product catalogs, orders, and customers via a strongly typed GraphQL API. The platform is distinguished by its highly extensible architecture, featuring a customizable administrative dashboard where developers can inject custom React components and entity views. It supports multi-channel commerce, allowing the isolation of products, currencies, and regional catalogs from a single unified backend. The engine covers a broad range o

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.

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

Final Form is a framework-agnostic form state management library that tracks values, errors, and validation states for web applications. It operates as a reactive state engine, allowing individual form inputs to subscribe only to the specific state slices they require, such as values, touched status, or errors, in order to prevent unnecessary component re-renders across large forms. The library manages core form orchestration features including field registration, initialization, submission handling, typed data support, and integration with standard document elements or component-based rende

Vee-validate is a form validation library and state management tool for Vue applications. It enables the validation of user inputs through declarative rules and tracks form metadata, including submission status and dirty states. The library functions as a wrapper for integrating external schema validation libraries to enforce consistent data shapes. It also serves as an internationalized framework for displaying translated error messages and localized feedback. The project covers broad capability areas including form state management, the handling of complex nested data structures, and the s

React Hook Form is a state management library designed to handle form registration, validation, and submission lifecycle events. By decoupling form control logic from the standard component lifecycle, it enables the creation of performant forms that minimize unnecessary re-renders. The library integrates with external schema validation tools to enforce data integrity and provides a declarative framework for managing complex form structures. The project distinguishes itself through a subscription-based architecture that tracks property access to ensure components only update when the specific

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

Vuelidate is a model-based validation engine and form validation library for Vue.js applications. It functions as a state validator that checks data models and input fields against defined rules to ensure data consistency and correctness. The library provides tools for form state management, allowing developers to track the modified status of fields and extract specific validation errors. It enables control over validation timing, such as deferring the evaluation of rules until a user interaction occurs. The system covers a broad range of client-side data validation capabilities, including r

Event platform is a full-stack web application designed for organizing events, purchasing tickets, and managing user registration profiles. The platform enables hosts to create, update, and manage detailed event listings complete with custom schedules and categories, while providing visitors with tools to search, filter, and explore activities. The system incorporates secure online ticket checkout processing alongside order tracking capabilities that maintain a searchable history of past purchases. Identity verification and user sessions are handled through external authentication providers,

Elemental is a component-based design system and React UI framework. It provides a collection of pre-styled interface components and CSS patterns used to build consistent user interfaces and layout designs for web applications. The library functions as a customizable CSS UI library, allowing for the implementation of custom design systems by mapping design tokens and stylesheets to reusable elements. It integrates vector icon rendering to embed scalable graphic glyphs directly within interface components. The framework supports the composition of complex layouts using pre-made elements such