Repolode
提交项目
xaboy

xaboy/form-create

基于 JSON 驱动渲染、收集、验证和提交表单的 Vue 低代码表单组件，支持八种 UI 框架。

可替代:Jotform

在 GitHub 查看官网
Star
7,118
Fork
1,106
未关闭 Issue
30
最近提交
4天前

这是什么？

FormCreate 通过 JSON 描述即可生成完整表单。字段类型、选项、校验规则和字段间联动都以数据形式声明，组件负责动态渲染、数据收集、验证和提交。

它支持 Element Plus、Ant Design Vue、Naive UI、Arco Design、TDesign、OpenTiny（Tiny Vue）等八种 UI 框架，移动端则基于 Vant。字段之间可以相互联动，表单可包含子表单和分组，任意 Vue 组件或 HTML 标签都能作为字段使用。另外提供可视化表单设计器，可分别用于桌面端和移动端生成 JSON 结构。

项目针对 Vue 2、Vue 2.7 和 Vue 3 分别维护分支，需根据所用 Vue 版本选择对应的包。

核心功能

  • 01基于 JSON 数据渲染表单，并支持数据收集、验证和提交
  • 02支持 Element Plus、Ant Design Vue、Vant 等八种 UI 框架
  • 03支持字段间联动、子表单和分组
  • 04任意 Vue 组件或 HTML 标签都可作为表单字段
  • 05提供桌面端和移动端的可视化表单设计器
  • 06提供操作表单实例的 API

适用场景

  • 在政务、OA、ERP、电商等后台系统中快速搭建业务表单
  • 让非开发人员通过可视化设计器调整表单结构
  • 在桌面端与移动端 Vue 应用中复用同一套表单配置

快速上手

  1. 1

    安装你所用 UI 框架对应的包（Vue3 版本，以 element-plus 为例）

    npm install @form-create/element-ui@next

收录于专题

Android 应用与手机工具前端框架与界面组件

标签

#vue#low-code#form#form-builder#json-schema#ui-components#mobile#ant-design-vue#arco-design#element-plus

常见问题

form-create 是什么？
基于 JSON 驱动渲染、收集、验证和提交表单的 Vue 低代码表单组件，支持八种 UI 框架。 FormCreate 通过 JSON 描述即可生成完整表单。字段类型、选项、校验规则和字段间联动都以数据形式声明，组件负责动态渲染、数据收集、验证和提交。
form-create 可以免费使用吗？用的什么许可证？
form-create 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
form-create 还在维护吗？
活跃维护中。form-create 最近一次提交是在 2026年11月3日。
form-create 适合用来做什么？
在政务、OA、ERP、电商等后台系统中快速搭建业务表单 让非开发人员通过可视化设计器调整表单结构 在桌面端与移动端 Vue 应用中复用同一套表单配置
form-create 怎么安装和运行？
安装你所用 UI 框架对应的包（Vue3 版本，以 element-plus 为例）: npm install @form-create/element-ui@next
在哪里获取 form-create？
源代码和安装说明在 GitHub 上：https://github.com/xaboy/form-create

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目