Open-source alternatives to Form Render

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

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 is a visual form builder that generates Vue single-file components from a drag-and-drop canvas. It provides a complete workflow for designing forms visually, previewing them in real time, and exporting them as ready-to-use Vue code with validation rules already configured. The tool integrates a drag-and-drop canvas with a live preview pane, allowing you to see the generated form interactively as you build it. It includes an embedded code editor with hot reload, so changes to the generated code are reflected immediately in the preview. A VS Code extension bridge lets you open the designer

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

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

This project is a data grid library designed for building complex, interactive tables within React applications. It provides a suite of modular components that enable the display of structured information, supporting both custom cell rendering and flexible column configurations to accommodate diverse data presentation needs. The library is built to handle large datasets by utilizing virtualized rendering, which ensures high performance by only processing the subset of rows currently visible within the viewport. It distinguishes itself through support for dynamic row heights and programmatic s

Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure

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

OpenUI is a generative UI development framework that converts natural language descriptions into structured, interactive user interface components using large language models. It enables the real-time transformation of text into functional prototypes such as charts, tables, forms, and cards. The project distinguishes itself through a schema-driven orchestration system that uses typed UI primitives and JSON schemas to constrain model output, ensuring generated interfaces adhere to specific component libraries. It features a streaming parser that allows for progressive component rendering, disp

This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading

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

Grid.js is a framework-agnostic JavaScript library for rendering interactive data grids. It allows for the display of structured information in tabular formats across different frontend environments, supporting data population from static arrays or JSON imports. The library features a plugin system for extending user interface components and logic, as well as a custom data pipeline for transforming information before it is displayed. It includes built-in support for multilingual localization to translate interface elements and messages. The project covers core data visualization capabilities

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

Pro Components is a collection of high-level React components built on Ant Design for creating enterprise-grade administrative interfaces. It serves as a specialized component suite and UI framework designed for building complex business dashboards and internal tools. The library functions as a visual interface builder that allows for the composition of professional web pages through declarative configurations and visual design patterns. It enables the creation of interface components using visual configuration tools to simplify the layout and styling process. The framework covers the constr

pdfme is a schema-based PDF generation engine and dynamic document builder. It provides a system for producing PDF documents by merging predefined templates with dynamic input data across different runtime environments. The project includes a browser-based WYSIWYG PDF editor and template designer, allowing for the arrangement of elements via a drag-and-drop interface. It distinguishes itself through a plugin-based architecture that enables schema extensions and custom rendering logic for new content types. The capability surface covers dynamic content generation, including variable placehold

This project is a metadata query engine and indexer for markdown files, designed to transform YAML frontmatter and inline fields into dynamic tables and lists. It provides a background process that extracts tags and custom fields into a searchable database, enabling the automated indexing of notes. The system is distinguished by its dual approach to data retrieval: a dedicated query language for SQL-like filtering and grouping, and a JavaScript data API. This API allows for programmatic metadata extraction and the creation of custom views and extensions using TypeScript typings. Its broader

ec2instances.info is an interactive web tool for comparing technical specifications and on-demand pricing across all Amazon EC2 instance types and AWS regions. It serves as a comprehensive EC2 instance specification browser and pricing explorer, enabling users to view detailed hardware specs including vCPUs, memory, GPU count, and storage for every instance type. The tool distinguishes itself through its multi-region cost comparison capabilities, allowing users to compare on-demand and spot pricing across AWS regions simultaneously for any instance family or size. It includes a GPU specificat

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

A highly flexible framework for generating declarative reactive forms, based on a configuration.

JSON powered forms for Angular

Create Dynamic From passing a json with associated values

Building dynamic form in Angular with Fluent API and JSON

Build dynamic, schema-driven forms across React, Vue, Angular, and Vanilla JS — fully decoupling data, UI, and logic.

📝 JSON powered / Dynamic forms for Angular

A highly flexible framework for generating declarative reactive forms, based on a configuration.

Angular-based JSON Forms seed app

Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.