Vue Form Making

Features

Visual Form Designers - Provides a drag-and-drop interface for visually constructing form layouts without writing code.
Vue.js - Provides a drag-and-drop interface for building Vue.js forms visually without writing code.
Canvas-Based Component Renderers - Provides a drag-and-drop canvas for visually placing and arranging form components in real time.
Form Validation - Supports defining and applying input validation rules with error messages for form fields.
JSON Forms - Exports form layouts as structured JSON for storage, sharing, or programmatic reuse.
Form Schema Serializers - Serializes the entire form design into a structured JSON schema defining component types, properties, and layout.
Form Field Configuration - Allows setting properties such as labels, placeholders, and validation rules for each added field.
Form Input Validation - Checks user input against defined rules and displays error messages when validation fails.
Vue Form Code Generators - Generates ready-to-run Vue.js code from the visual design, eliminating manual coding.
Vue.js - Provides a plugin interface to register and use custom Vue components within the visual form designer.
Vue Form Code Generators - Generates runnable Vue.js code and JSON configuration from a visual form design canvas.
JSON Exports - Exports the form's configuration as structured JSON for storage, sharing, or programmatic use.
Remote Data Fetching - Loads asynchronous data from external endpoints to populate form fields like dropdowns.
Form Previewers - Shows a live preview of the configured form to verify its appearance and behavior before deployment.
Dropdown Data Population - Loads asynchronous data from external APIs to populate form fields like dropdowns.
Plugin Registries - Provides a plugin interface for registering and loading custom Vue components into the designer.
Custom Component Extensions - Allows registering and using user-defined Vue components within the visual form designer.
Custom Form Field Components - Enables registering and integrating user-defined components into the visual designer for extended functionality.
Property Editing Panels - Ships a side panel that updates component properties in real time via events from the canvas.
Dynamic Component Factories - Instantiates form fields dynamically from a component registry based on the JSON schema at runtime.

Open-source alternatives to Vue Form Making

Similar open-source projects, ranked by how many features they share with Vue Form Making.

jakhuang/form-generator
JakHuang/form-generator
9,330View on GitHub
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
Vueelement-uiform-designermonaco-editor
View on GitHub9,330
surveyjs/survey-library
surveyjs/survey-library
4,782View on GitHub
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
TypeScript
View on GitHub4,782
xaboy/form-create
xaboy/form-create
7,055View on GitHub
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
JavaScriptant-design-vuearco-designelement-plus
View on GitHub7,055
alibaba/form-render
alibaba/form-render
7,847View on GitHub
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
TypeScript
View on GitHub7,847

See all 30 alternatives to Vue Form Making

GavinZhuLeivue-form-making

Features

Open-source alternatives to Vue Form Making

JakHuang/form-generator

surveyjs/survey-library

xaboy/form-create

alibaba/form-render

Star history

Open-source alternatives to Vue Form Making

JakHuang/form-generator

surveyjs/survey-library

xaboy/form-create

alibaba/form-render