<p align="center">
<a href="https://xrender.fun/" target="_blank"><img src="https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png" alt="logo" width="20%"/></a>
</p>
<h1 align= "center">
<a href="https://xrender.fun/" target="_blank">XRender</a>
</h1>
<p align="center">
<a href="https://www.npmjs.com/package/form-render?_blank">
<img alt="npm" src="https://img.shields.io/npm/v/form-render.svg?maxAge=3600&style=flat-square"></a>
<a href="https://github.com/alibaba/form-render/commits/dev">
<img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/alibaba/form-render.svg?style=flat-square"></a>
<a href="https://github.com/alibaba/form-render">
<img alt="GitHub repo size" src="https://img.shields.io/github/repo-size/alibaba/form-render"></a>
<a href="https://github.com/alibaba/form-render/issues?utf8=%E2%9C%93&q=">
<img alt = "GitHub closed issues" src="https://img.shields.io/github/issues-closed/alibaba/form-render.svg?style=flat-square"></a>
<a href="https://npmjs.org/package/form-render">
<img alt = "NPM downloads" src="https://img.shields.io/npm/dm/form-render.svg?style=flat-square"></a>
<a href="https://npmjs.org/package/form-render">
<img alt = "NPM all downloads" src="https://img.shields.io/npm/dt/form-render.svg?style=flat-square"></a>
<a>
<img alt = "PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square"></a>
</p>
中后台「表单 / 表格 / 图表」开箱即用解决方案
优势
- <a href="https://xrender.fun/form-render" target="_blank">FormRender</a>：像写一个 input 一样写表单
- <a href="https://xrender.fun/table-render" target="_blank">TableRender</a>：协议生成 & 高度灵活的搜索列表
- <a href="https://xrender.fun/chart-render" target="_blank">ChartRender</a>：傻瓜式的图表绘制库
- <a href="https://xrender.fun/generator" target="_blank">FormGenerator</a>：中后台表单可视化搭建生成利器
<div style="max-width: 961px; margin: auto;">
<h2>谁在使用?</h4>
<table style="border: none; background: #fff">
<tr>
<td width="160" align="center">
<img
src="https://gw.alicdn.com/bao/tfs/TB1mFZneMmH3KVjSZKzXXb2OXXa-748-467.png"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://gw.alipayobjects.com/zos/k/sx/kJRfKV.jpg"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://gw.alicdn.com/tfs/TB176rg4VP7gK0jSZFjXXc5aXXa-286-118.png"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/tfs/TB13DzOjXP7gK0jSZFjXXc5aXXa-212-48.png"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i1/O1CN01Uw1xNd1H1GnHYCaOr_!!6000000000697-2-tps-1920-1920.png"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://gw.alipayobjects.com/zos/k/dl/zJ2uhY.jpg"
width="110"
/>
</td>
</tr>
<tr>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i4/O1CN01SUv7rt1gMfdYr2Bnc_!!6000000004128-0-tps-800-373.jpg"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://gw.alipayobjects.com/zos/k/9l/RZCG03.jpg"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://gw.alipayobjects.com/zos/k/rh/4PXvlp.jpg"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i3/O1CN01xDuypG1V78PWpnnPz_!!6000000002605-2-tps-600-120.png"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://gw.alipayobjects.com/zos/k/wu/TzIbI0.jpg"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i1/O1CN01K3AD1b1WZMSHolALT_!!6000000002802-0-tps-700-207.jpg"
width="160"
/>
</td>
</tr>
<tr>
<td width="160" align="center">
<img
src="https://gw.alipayobjects.com/zos/k/w7/02gpTA.jpg"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i4/O1CN01BJ26gA1cYLKkfiaCG_!!6000000003612-2-tps-287-176.png"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i3/O1CN017E63ji1W3InNkUvJE_!!6000000002732-2-tps-1000-500.png"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i2/O1CN01Zu5QsE1OJm7GYKH06_!!6000000001685-2-tps-363-139.png"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i1/O1CN01RqiiQ81j0dUdUfoIN_!!6000000004486-2-tps-280-66.png"
width="160"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i1/O1CN01B0UOM61lnIoMVJU6f_!!6000000004863-2-tps-500-397.png"
/>
</td>
</tr>
<tr>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i2/O1CN01DiuhTS1u3o0WsTsNb_!!6000000005982-2-tps-367-137.png"
/>
</td>
<td width="160" align="center">
<img
src="https://img.alicdn.com/imgextra/i3/O1CN01Vj8xN329If5dlvb50_!!6000000008045-2-tps-495-405.png"
/>
</td>
</tr>
</table>
</div>
更多可见使用场景，也很欢迎提交～
支持
- 如果你觉得 XRender 还不错，可以通过 Star 来表示你的喜欢
- 在公司或个人项目中使用 XRender，并帮忙推广给伙伴使用
贡献
想贡献代码、解 BUG 或者提高文档可读性？非常欢迎一起参与进来，在提交 PR 前阅读一下 Contributing Guide。
感谢给 XRender 贡献代码的你们：
<a href="https://github.com/alibaba/x-render/graphs/contributors">
<img src="https://contrib.rocks/image?repo=alibaba/form-render" />
</a>
<br>
https://user-images.githubusercontent.com/8736212/123383626-ff187a80-d5c5-11eb-803f-296762fe72d0.mp4
协议
互助答疑群
<img style="height: 400px" src="https://img.alicdn.com/imgextra/i3/O1CN01HksNgs1DZNuQsORIp_!!6000000000230-0-tps-1242-1602.jpg">
Star 趋势
