Open-source alternatives to Form Create

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

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

Eureka is a framework for building structured data-entry interfaces and forms in Swift for iOS applications. It provides a declarative UI layout engine and a dynamic input interface to define fields, sections, and row layouts through a configuration layer. The system distinguishes itself through dynamic interface management, including conditional visibility and interaction control that reacts to real-time user changes. It supports complex input behaviors such as expandable row rendering, multivalued field management for inserting or deleting similar rows, and custom keyboard navigation that s

Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables. The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider. The framewor

React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr

Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo

This project is a JSON Schema form generator and React UI component that automatically creates web forms based on JSON Schema definitions. It serves as a schema-driven form builder used to transform declarative data definitions into interactive user interfaces for data entry and validation. The tool provides capabilities for dynamic form generation and JSON Schema integration, allowing for the automatic creation of input fields and layouts to avoid manual coding. It implements schema-based validation to ensure user input adheres to standardized JSON Schema rules in real time. The system mana

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

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

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

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 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 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

This platform is a low-code database system that combines the flexibility of a spreadsheet interface with the structured power of a relational database. It serves as a collaborative workspace for managing complex datasets, building custom business applications, and automating operational workflows without requiring traditional software development. The platform distinguishes itself through deep integration of artificial intelligence, which enables users to query databases using natural language, generate content, and deploy custom conversational agents trained on internal data. It supports re

tmagic-editor is a low-code development platform and visual page builder used for designing frontend user interfaces through a visual canvas and component library. It functions as a frontend UI orchestrator that defines page structures and a schema-driven form generator that interprets structured data to create interactive user forms. The system employs a cross-framework component adapter to ensure consistent rendering across different frontend environments. It uses visual-to-JSON layout serialization to translate interface movements into persistent structured data, which is then processed by

intl-tel-input is an international telephone input widget that provides a country-aware phone number entry experience with automatic formatting, validation, and E.164 normalization. It combines a searchable country picker with a format-as-you-type engine and a validation rule engine that checks numbers against country-specific patterns, returning machine-readable error codes when a number is invalid. The project ships as both a zero-dependency vanilla JavaScript library and as framework-specific components for React, Vue, Angular, and Svelte, all sharing the same core logic through a framewor

Galaxy is a curated CSS UI component library and visual design gallery. It serves as a front-end code snippet manager and a searchable repository of community-sourced HTML and CSS assets. The project provides tools for UI component discovery and design prototyping, allowing users to browse an archive of interface elements and layout patterns. It includes a code export mechanism for copying markup and styling directly into external development workflows. The system supports responsive web design through flexible grid layouts and interface elements that adapt to different screen sizes. A JSON-

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

Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation

This project is a framework-agnostic UI library and a collection of modular web components based on the Material Design visual system. It provides a comprehensive set of interactive interface elements and a responsive web grid system for organizing page content. The library utilizes a design token theme engine to apply consistent typography, colors, and visual styles across an interface. It separates behavioral logic from rendering to ensure that components remain compatible across different JavaScript environments. The system covers responsive layout design and web form interface developmen

Eino is an AI agent development kit and LLM application framework designed for building autonomous agents and orchestrating complex language model workflows. It serves as a multi-agent orchestration engine and workflow orchestrator, providing a graph-based execution model to route data between models, tools, and retrievers. The framework distinguishes itself through a robust set of multi-agent coordination patterns, including supervisor-led management, sequential flows, and autonomous reasoning loops like ReAct. It features advanced agent execution controls such as active turn preemption, che

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

Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

Puck is a headless visual CMS and React visual page editor that provides a drag-and-drop interface for designing page layouts and managing content. It functions as a JSON-based content management system, storing page structures as JSON and exposing them via API for dynamic rendering within applications. The project enables dynamic route authoring by mapping visual editor instances to specific URL paths, allowing content editing for any page. It integrates a visual authoring layer into existing applications to facilitate the design of page structures using custom React components. The system

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

🐗 A fully customisable OTP input component for Vue 3.x