产品简介
formengine FormEngine 是一款开源、免费的轻量级 React 表单构建库。它允许开发者使用 JSON 定义表单，并可无缝集成 MUI、shadcn/ui、RSuite、Mantine 等多种 UI 框架，实现表单的跨应用复用，有效解决表单开发中 UI 框架耦合和重复构建的痛点。适合追求开发效率、需要灵活表单方案的 React 开发者。
核心功能
- JSON 定义表单，逻辑与 UI 分离
- 兼容多种主流 UI 库（MUI、shadcn/ui 等）
- 内置基于 Zod 的验证，支持扩展
- 打包体积小，性能高效
- 开源免费，跨平台支持
快速开始
- 使用 npm 安装核心包和 UI 组件库：npm install @react-form-builder/core @mui/material ...
- 在代码中导入 FormViewer 和对应 UI 库的 view。
- 用 JSON 定义表单结构，包括字段类型、属性和事件。
- 将 JSON 传递给 FormViewer 进行渲染，实现表单展示与交互。
界面预览
与其他方案对比
| 对比项 | formengine | 同类方案 |
|---|---|---|
| 打包体积 | 核心包（含MUI）压缩后约189KB，体积更小 | survey-react (391KB), React JSON Schema Form (231KB) 等体积相对较大 |
| UI框架依赖 | 设计为UI无关，可适配多种UI库 | 多数方案与特定UI库深度绑定或需要额外适配层 |
| 开发模式 | JSON优先，定义与渲染分离 | 部分方案需要编写更多JSX或模板代码 |
适合谁用
- 需要快速构建 React 表单、但不想深度绑定特定 UI 库的前端开发者
- 项目中使用不同 UI 框架（如 MUI 和 shadcn），希望统一表单方案的开发团队
- 希望通过 JSON 配置而非硬编码来定义和管理复杂表单的后端开发者或运维人员
下载与版本
当前最新版本为 10.0.1，发布于 2026-07-06。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/optimajet/formengine