Open-source alternatives to Form Builder

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

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

This project is a jQuery plugin and client-side form validator used to verify web form inputs before they are submitted to a server. It employs a rule-based validation engine to check user input against predefined or custom rules to ensure data integrity in the browser. The tool is designed as an ARIA-compliant validation system, using accessibility attributes to link error messages to input fields. This ensures that screen reader users are notified when a field contains an invalid value during the form submission process. The system supports remote server validation via asynchronous HTTP re

vue3-antdv-admin is an enterprise frontend starter and admin template built with Vue 3 and Ant Design Vue. It serves as a project scaffolding tool for developing internal management consoles and large-scale administration panels. The framework features schema-driven form and table generators, allowing for the creation of dynamic input fields and data grids that update their structure and columns at runtime via configuration. The project includes a component-based layout wrapper, dynamic route mapping for navigation and access control, and provider-based theme injection for visual styling. It

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

JSON Editor is a schema-driven UI framework and web-based editor used to generate interactive forms and validate JSON data. It translates JSON Schema specifications into a hierarchy of HTML form elements, allowing users to manipulate complex JSON structures through a structured interface rather than raw text. The framework differentiates itself through a plugin-based extension system that supports custom resolver functions and the integration of specialized editors, such as WYSIWYG, Markdown, and syntax-highlighted code editors. It employs recursive schema resolution to handle nested definiti

Manta is a local-first financial tracker and PDF invoice generator that utilizes a schema-driven form builder to capture and validate structured user information. It serves as a system for managing billing records and invoice statuses directly on the user device to ensure data privacy and offline access. The project features a drag-and-drop document editor and a PDF template management system, allowing users to arrange fields and apply corporate branding without writing code. These tools enable the creation of professional billing documents by injecting structured data into reusable layout sk

This project is a rapid application development framework for building back-office interfaces and dashboards within Laravel applications. It functions as a backend management UI toolkit and schema-based UI generator that renders administration panels and data forms by mapping backend logic to pre-defined frontend components. The framework includes a role-based access control system to restrict application features and data based on user identity and assigned roles. It also provides a full-text search integration that uses interchangeable drivers to index and retrieve application content. Add

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

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

Vue Form Making is a visual form designer for Vue.js that lets you build forms by dragging and dropping components onto a canvas, without writing code. It generates runnable Vue.js code and structured JSON from the visual design, enabling rapid form creation and reuse. The tool provides a complete form-building environment with component configuration, input validation with error messages, live preview, and JSON export for storage or sharing. It supports remote data integration to populate dropdowns and other fields from external APIs, and allows custom Vue components to be registered and use

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

Backbone Forms is a schema-driven library designed to automate the generation and validation of HTML forms within the BackboneJS ecosystem. It functions as a framework for building data entry interfaces that bind directly to application models, ensuring data integrity through a combination of schema-level rules and model-level constraints. The library distinguishes itself through a modular architecture that supports the creation of custom input editors and the use of pluggable HTML templates. This allows for the management of complex, hierarchical data structures, including nested objects and

Parsley.js is a JavaScript form validation library that provides a client-side data validator for verifying input correctness before submission. It functions as an HTML attribute-based validator, allowing constraints to be defined declaratively within HTML data attributes to enforce rules without requiring custom scripts. The framework distinguishes itself through a customizable validation system that supports user-defined rules and custom error message templates. It includes a remote validation interface to verify form values against server endpoints via asynchronous network requests and sup

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

Vuelidate is a model-based validation library for Vue.js applications. It functions as a client-side data validator and validation engine that decouples verification logic from the user interface by checking data models and state objects against defined rules. The system tracks field interactions and marks inputs as dirty to manage when validation messages are triggered. This approach allows the library to provide real-time user input feedback and verify model integrity before data is submitted. The framework covers form state validation, validation error rendering, and the configuration of

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

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

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

This project is a collection of reference implementations for vanilla web applications, interactive browser games, and core frontend development patterns. It consists of small web applications and tools built using standard HTML, CSS, and JavaScript without the use of external frameworks or libraries. The collection demonstrates various practical implementations, including browser-based mini games with arcade and word-guessing mechanics, as well as frontend interface prototypes. These examples cover the use of the native document object model for state manipulation and the implementation of i

FastUI is a server-driven UI system and Pydantic UI framework that transforms backend data models into functional web interfaces. It operates as a model-based frontend generator where the server controls the layout and behavior of the user interface through structured data schemas, enabling a low-code approach to web development. The project allows for the definition of visual hierarchies and component properties on the backend, using a JSON-based protocol to communicate UI structure between the server and client. It utilizes schema-driven generation to automate the creation of interfaces, in

Bootstrap-Form-Builder is a low-code web form generator that enables the creation of data collection interfaces through a browser-based visual editor. It allows users to design complex form layouts by arranging pre-styled components on a canvas, automatically producing the underlying HTML and layout structure without requiring manual code entry. The tool distinguishes itself through a configuration-based approach to component management. Developers can extend the available input types by registering custom elements and providing modular templates, which are then integrated into the visual des

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

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

react-page is a browser-based visual content editor and schema-driven page builder developed with React and TypeScript. It provides a framework for creating web pages through a what-you-see-is-what-you-get interface, utilizing a responsive twelve-column grid engine for arranging elements via drag-and-drop manipulation. The system features a plugin-based architecture that allows for the integration of custom components. These components are managed through a schema-driven system that automatically generates data entry forms based on predefined property definitions, separating the rendering vie

Tambo is an orchestration platform and framework designed for building generative user interfaces and conversational AI agents. It provides the infrastructure to manage persistent chat threads, execute multi-step reasoning workflows, and integrate large language models with external tools and services. By combining an agent orchestration layer with a component-based library, the project enables developers to create interactive interfaces where AI models dynamically render and update UI elements in real-time. The framework distinguishes itself through its generative UI capabilities, which allo