# Form input grouping

> AI-ranked search results for `input control grouping` on awesome-repositories.com — ordered by an LLM for relevance, best match first. 118 total matches; showing the top 19.

Explore on the web: https://awesome-repositories.com/q/input-control-grouping

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/input-control-grouping).**

## Results

- [xaboy/form-create](https://awesome-repositories.com/repository/xaboy-form-create.md) (7,055 ⭐) — form-create is a JSON-driven form generator and low-code form builder that renders dynamic web forms and validation logic from configuration files. It functions as a data-driven form orchestrator for managing field dependencies and hierarchical data structures within complex layouts.

The system includes a visual drag-and-drop interface for designing data entry layouts and automatically generating their corresponding configuration structures. It provides a dynamic UI component library of adaptable form fields and layout containers designed for cross-framework integration and mobile responsiven
- [lljj-x/vue-json-schema-form](https://awesome-repositories.com/repository/lljj-x-vue-json-schema-form.md) (2,262 ⭐) — 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
- [react-hook-form/react-hook-form](https://awesome-repositories.com/repository/react-hook-form-react-hook-form.md) (44,760 ⭐) — 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
- [vform666/variant-form](https://awesome-repositories.com/repository/vform666-variant-form.md) (1,997 ⭐) — 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
- [brrake/dynamicangularform](https://awesome-repositories.com/repository/brrake-dynamicangularform.md) (1 ⭐) — Create Dynamic From passing a json with associated values
- [dynamic-forms/dynamic-forms](https://awesome-repositories.com/repository/dynamic-forms-dynamic-forms.md) (24 ⭐) — Angular project for dynamic forms based on JSON
- [hasanharman/form-builder](https://awesome-repositories.com/repository/hasanharman-form-builder.md) (2,660 ⭐) — This project is a JSON schema form builder and dynamic form generator. It functions as an API-driven data collector that creates customizable input fields and layouts based on JSON schema definitions.

The system serves as a schema-based input validator, enforcing data integrity through predefined schemas and providing real-time feedback to users. It allows for the creation of web forms where input types, labels, and placeholders can be modified without changing the source code.

The tool manages the end-to-end workflow of interactive user input, covering dynamic form generation, client-side d
- [xmartlabs/xlform](https://awesome-repositories.com/repository/xmartlabs-xlform.md) (5,741 ⭐) — XLForm is a declarative UI library and framework for generating synchronized iOS table-view forms from structured definitions. It provides a toolkit for building mobile data-entry screens using Swift and Objective-C, allowing developers to create interfaces based on declarative sections and rows.

The framework features dynamic interface synchronization and conditional logic to manage row visibility and editing restrictions. It supports the creation of dynamic multivalued sections where users can insert, delete, or reorder rows at runtime.

The library includes a variety of interactive input c
- [json-schema-form/angular-schema-form](https://awesome-repositories.com/repository/json-schema-form-angular-schema-form.md) (2,456 ⭐) — 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
- [final-form/react-final-form](https://awesome-repositories.com/repository/final-form-react-final-form.md) (7,440 ⭐) — 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
- [alibaba/x-render](https://awesome-repositories.com/repository/alibaba-x-render.md) (7,846 ⭐) — x-render is a configuration-driven UI framework and low-code interface builder that transforms structured data definitions into functional user interface components. It operates as a JSON-driven UI generator, using a standardized configuration protocol to render data tables, input forms, and charts.

The system includes a visual form builder and interface design editor, allowing users to arrange layouts and configuration settings through a graphical interface to avoid writing manual structural code. This process is supported by a schema-based component library that maps configuration keys to a
- [alibaba/formily](https://awesome-repositories.com/repository/alibaba-formily.md) (12,558 ⭐) — Formily is a schema-driven framework designed for building complex web forms by decoupling business logic and validation rules from the underlying user interface. It utilizes a declarative JSON schema to define form structures, allowing developers to manage data collection and field interactions independently of specific component libraries or frontend frameworks.

The system is built upon a reactive observable state engine that synchronizes form data, validation status, and field interactions in real time. By employing a recursive tree traversal and a centralized event bus, the engine manages
- [unform/unform](https://awesome-repositories.com/repository/unform-unform.md) (4,410 ⭐) — Unform is a React form state manager designed to handle the state, validation, and submission of complex user input forms. It utilizes an uncontrolled form API that minimizes re-renders by using references instead of synchronized state to manage form data.

The library features a nested data mapper that organizes fields into hierarchical objects and arrays using scoping and dot notation. It also includes a custom input adapter to connect third-party UI components and non-standard inputs to the centralized form state, and a validation engine that checks submitted data against defined schemas to
- [surveyjs/survey-library](https://awesome-repositories.com/repository/surveyjs-survey-library.md) (4,782 ⭐) — This project is a JSON-based form rendering framework and visual creator designed for dynamic data collection. It provides a JavaScript form builder library that transforms JSON schemas into functional web forms and multi-step wizards, with a dedicated visual survey creator for designing layouts and branching logic without writing code.

The library is distinguished by its bidirectional PDF integration, which allows the conversion of JSON schemas into fillable PDF documents and the extraction of structured data from existing PDFs. It also features advanced capabilities for creating scored asse
- [react-component/field-form](https://awesome-repositories.com/repository/react-component-field-form.md) (1,023 ⭐) — 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
- [mantinedev/mantine](https://awesome-repositories.com/repository/mantinedev-mantine.md) (31,263 ⭐) — 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
- [taiga-family/taiga-ui](https://awesome-repositories.com/repository/taiga-family-taiga-ui.md) (4,002 ⭐) — Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities.

The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
- [jaredpalmer/formik](https://awesome-repositories.com/repository/jaredpalmer-formik.md) (34,343 ⭐) — 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.
- [redux-form/redux-form](https://awesome-repositories.com/repository/redux-form-redux-form.md) (12,490 ⭐) — 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