登录 注册
自动化与工作流 ant-designdesignableformform-builderfusionjson-schema
12,593
Stars
1,594
Forks
161
Watchers
143
Open Issues
MIT
许可证
TypeScript
语言
2019-01-09
创建时间
2025-06-21
最近更新

项目能做什么

跨设备、高性能的表单解决方案,支持通用表单与动态表单,兼容 React、React Native 和 Vue。
来源:AI 基于仓库事实生成 · 内容以仓库实际 README 为准

使用说明 查看原始 README 原仓库文档

中文使用说明暂未生成。下面保留原仓库 README 摘录,命令与配置均以原文为准。
原始 README 摘录(英文原文,节选前 3000 字符)
English | [简体中文](./README.zh-cn.md)

<p align="center">
<img src="https://img.alicdn.com/tfs/TB1fHhZu4D1gK0jSZFyXXciOVXa-2500-1200.png">
<img src="https://img.shields.io/npm/dt/@formily/core"/>
<img src="https://img.shields.io/npm/dm/@formily/core"/>
<a href="https://www.npmjs.com/package/@formily/core"><img src="https://img.shields.io/npm/v/@formily/core.svg"></a>
<a href="https://codecov.io/gh/alibaba/formily">
  <img src="https://codecov.io/gh/alibaba/formily/branch/formily_next/graph/badge.svg?token=3V9RU8Wh9d"/>
</a>
<img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"/>
<a href="https://github.com/actions-cool/issues-helper">
  <img src="https://img.shields.io/badge/using-issues--helper-blueviolet"/>
</a>
<a href="https://app.netlify.com/sites/formily/deploys"><img src="https://api.netlify.com/api/v1/badges/7145918b-9cb5-47f8-8a42-111969e232ef/deploy-status"/></a>
</p>

---

## Background

In React, the whole tree rendering performance problem of the form is very obvious in the controlled mode. Especially for the scene of data linkage, it is easy to cause the page to be stuck. To solve this problem, we have distributed the management of the state of each form field, which significantly improves the performance of the form operations. At the same time, we deeply integrate the JSON Schema protocol to help you solve the problem of back-end driven form rendering quickly.

## Features

- 🖼 Designable, You can quickly develop forms at low cost through [Form Builder](https://designable-antd.formilyjs.org/).
- 🚀 High performance, fields managed independently, rather rerender the whole tree.
- 💡 Integrated Alibaba Fusion and Ant Design components are guaranteed to work out of the box.
- 🎨 JSON Schema applied for BackEnd. JSchema applied for FrontEnd. Two paradigms can be converted to each other.
- 🏅 Side effects are managed independently, making form data linkages easier than ever before.
- 🌯 Override most complicated form layout use cases.

## Form Builder

![https://designable-antd.formilyjs.org/](https://img.alicdn.com/imgextra/i3/O1CN01xAJj1y1wcGzXYc1Uq_!!6000000006328-2-tps-2980-1740.png)

## WebSite

2.0

https://formilyjs.org

1.0

https://v1.formilyjs.org

## Community

- [formilyjs](https://github.com/formilyjs)
- [designable](https://github.com/alibaba/designable)
- [icejs](https://github.com/alibaba/ice)

## How to contribute?

- [Contribute document](https://formilyjs.org/zh-CN/guide/contribution)

## Contributors

This project exists thanks to all the people who contribute.
<a href="https://github.com/alibaba/formily/graphs/contributors"><img src="https://contrib.rocks/image?repo=alibaba/formily" /></a>

## LICENSE

Formily is open source software licensed as
[MIT](https://github.com/alibaba/formily/blob/master/LICENSE.md).
阅读完整原文

商业机会分析 AI 生成

基于 Formily & Designable 的垂直行业低代码表单 SaaS / 私有化独立工具

产品构想将 Formily 核心及 Designable 封装为可直接交付给非技术人员(产品/运营/HR)使用的动态表单与问卷收集系统,提供一键发布、数据收集、校验规则可视化配置和后端存储接入。
核心功能拖拽式可视化表单设计器、动态 JSON Schema 导出与运行沙箱、Webhook 及 API 数据推送、常用业务联动模板库(如级联审批、动态增减项)。
目标用户中小型企业运营团队、需要自建数据收集和审批系统的企业 IT 部门。
难度/周期中等 · 1.5 - 3 个月 · 成本:极低(主要为前端托管和基础数据库服务器成本)
收费模式采用免费增值(Freemium)模式,限制收集条数与设计表单数;提供私有化单次买断授权或商业 License。
竞争风险开源社区有简易版本,且市面上有 Typeform 等竞品;需切中复杂业务表单(如带深层联动规则)差异化。
依据 已验证事实

Formily 商业级高级组件与联动规则增强包 (Pro Extension)

产品构想针对 Formily 学习曲线陡峭、开箱即用组件偏基础的痛点,提供面向 Ant Design / Vue3 的高级行业组件库及复杂联动可视化配置插件(如复杂表格行内编辑、公式计算引擎联动、电子签名等)。
核心功能可视化复杂联动逻辑配置器、15+ 企业级复杂复合组件(公式输入、高级树形选择、动态审批流控件)、TypeScript 类型增强与自动校验器生成工具。
目标用户使用 Formily 进行大型项目开发的企业前端工程师、外包开发团队。
难度/周期低至中等 · 1 - 2 个月 · 成本:个人时间成本,几乎无硬件成本
收费模式独立 Gumroad/国内平台源码授权售卖,或企业年度订阅支持服务。
竞争风险开发圈层盗版传播风险;需要持续跟进 Formily 核心版本升级。
依据 数据支持的判断

AI 辅助的 JSON Schema 与 Formily 代码生成器 (SaaS/VSCode 插件)

产品构想通过自然语言、Excel 表格或设计稿截屏,自动解析生成 Formily 标准 JSON Schema 结构和对应的前端(React/Vue3)代码,极大缩短初次建模与协议编写时间。
核心功能图片/Excel 转 Formily Schema、自然语言联动规则描述转 Reactive 副作用代码、VSCode 实时可视化预览与代码导出。
目标用户经常对接多字段后台表单的前端与后端研发人员。
难度/周期中等 · 1 个月 · 成本:LLM API 调用成本、静态插件托管成本
收费模式按使用次数订阅付费(Token 计费或包月专业版)。
竞争风险复杂表单联动逻辑单靠 LLM 识别可能存在准确率不足,需人工二次校验。
依据 AI推测
AI 基于仓库公开数据分析生成,含推测成分,不构成收益承诺。
报告会保存到 个人中心

竞品与相似项目 GitHub Search 真实检索

项目中文简介Stars语言
ant-design/ant-design 中文介绍暂未生成
An enterprise-class UI design language and React UI library
100,156 TypeScript
ant-design/ant-design-pro 中文介绍暂未生成
👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
38,954 TypeScript
refinedev/refine 中文介绍暂未生成
A React Framework for building internal tools, admin panels
36,026 TypeScript
vbenjs/vue-vben-admin 中文介绍暂未生成
A modern vue admin panel built with Vue3, Shadcn UI, Vite, T
33,788 TypeScript
vueComponent/ant-design-vue 中文介绍暂未生成
🌈 An enterprise-class UI components based on Ant Design and
21,712 Vue
zxwk1998/vue-admin-better 中文介绍暂未生成
🎉 vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0
18,928 Vue
以上为通过 GitHub 官方 Search API 检索的相似项目,功能差异与优劣势需进一步人工确认,配置 AI 后可生成对比分析。

项目优势与风险

技术成熟度创建于 2019-01-09,最近推送 2025-06-21,发布过 100 个 Release
社区活跃Star 12,593 / Fork 1,594 / Issue 143(数据支持,可自行核实)
许可证MIT
主要风险上游项目方向可能变化;同赛道竞争者较多(见竞品表);热度与需求不完全等价

安装与使用

快速开始(以仓库 README 为准)
git clone https://github.com/alibaba/formily.git
cd formily
# 请阅读仓库 README 获取确切安装步骤(依赖、配置、启动命令)
阅读原仓库文档
术语说明:Docker=应用容器(把程序和依赖打包运行);API Key=调用外部服务的密钥;Git Clone=把仓库代码下载到本地。常见错误:API Key 未配置 / 端口占用 / 数据库连接失败,多数项目在 README 的 Troubleshooting 章节有说明。