awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
vform666 avatar

vform666/variant-form

0
View on GitHub↗
1,997 星标·326 分支·Vue·10 次浏览www.vform666.com↗

Variant Form

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 utilizes a plugin-based registry that enables the integration of custom input elements, allowing developers to extend the core component library to meet specific business requirements. The platform also includes a declarative validation engine that enforces rule-based constraints to ensure data integrity during collection.

Beyond its core design and rendering capabilities, the platform supports cross-cutting concerns such as internationalization and responsive layout management. It automatically adjusts form structures to accommodate various screen sizes and provides utilities for localizing labels and validation messages. The software is built as a Vue-based solution, offering a centralized interface for managing the entire lifecycle of a form from initial design to final code generation.

Features

  • Visual Form Designers - Offers a visual interface for building and configuring form layouts, validation rules, and dynamic interactions.
  • Dynamic Form Engines - Acts as a runtime engine that transforms structured schemas into functional, validated input fields.
  • Schema-Based Form Validation - Enforces rule-based constraints on form data using declarative schemas before submission.
  • Form Validation - Verifies user input against defined rules to ensure data integrity before form submission.

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI
Dynamic Form Generation - Renders functional form structures at runtime based on dynamic data models.
  • JSON Schema-Driven UI Compositions - Transforms structured JSON configuration objects into functional UI components at runtime.
  • Drag-and-Drop - Provides a visual drag-and-drop interface for assembling complex form layouts.
  • Forms and Validation - Manages dynamic interactions and custom validation logic to handle complex data collection requirements.
  • Markup-to-Code Transpilation - Converts visual form definitions into framework-specific source code for seamless integration.
  • Vue Form Code Generators - Generates portable Vue source code from visual form designs for integration into existing projects.
  • Vue.js - Enables the creation of complex, responsive web forms that generate ready-to-use Vue code.
  • Form Layouts - Configures responsive form structures that adapt automatically to desktop, tablet, and mobile devices.
  • Vue Component Libraries - Provides a collection of extensible form elements that support custom component integration.
  • Star 历史

    vform666/variant-form 的 Star 历史图表vform666/variant-form 的 Star 历史图表

    常见问题解答

    vform666/variant-form 是做什么的?

    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.

    vform666/variant-form 的主要功能有哪些?

    vform666/variant-form 的主要功能包括:Visual Form Designers, Dynamic Form Engines, Schema-Based Form Validation, Form Validation, Dynamic Form Generation, JSON Schema-Driven UI Compositions, Drag-and-Drop, Forms and Validation。

    vform666/variant-form 有哪些开源替代品?

    vform666/variant-form 的开源替代品包括: gavinzhulei/vue-form-making — Vue Form Making is a visual form designer for Vue.js that lets you build forms by dragging and dropping components… jakhuang/form-generator — This is a visual form builder that generates Vue single-file components from a drag-and-drop canvas. It provides a… surveyjs/survey-library — This project is a JSON-based form rendering framework and visual creator designed for dynamic data collection. It… xaboy/form-create — form-create is a JSON-driven form generator and low-code form builder that renders dynamic web forms and validation… minikomi/bootstrap-form-builder — Bootstrap-Form-Builder is a low-code web form generator that enables the creation of data collection interfaces… react-component/field-form — Field-form is a library for managing complex form state, validation, and field synchronization within React component…

    Variant Form 的开源替代方案

    相似的开源项目,按与 Variant Form 的功能重合度排序。
    • gavinzhulei/vue-form-makingGavinZhuLei 的头像

      GavinZhuLei/vue-form-making

      5,572在 GitHub 上查看↗

      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

      Vue
      在 GitHub 上查看↗5,572
    • jakhuang/form-generatorJakHuang 的头像

      JakHuang/form-generator

      9,330在 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
      在 GitHub 上查看↗9,330
    • surveyjs/survey-librarysurveyjs 的头像

      surveyjs/survey-library

      4,782在 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
      在 GitHub 上查看↗4,782
    • xaboy/form-createxaboy 的头像

      xaboy/form-create

      7,055在 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
      在 GitHub 上查看↗7,055
    查看 Variant Form 的所有 30 个替代方案→

    包含 Variant Form 的精选搜索

    收录 Variant Form 的精选合集。
    • Dynamic form builder