<div class="card">
  <div class="intro" style="text-align: center; padding: 20px;">
    <img class="intro__logo" style="width: 120px; height: 120px; box-shadow: none;" src="https://antm-js.gitee.io/resource/antmjs-vantui.jpg">
    <h2 style="margin: 0; font-size: 32px; line-height: 60px;">@antmjs/vantui</h2>
    <p>基于有赞 VantWeapp 开发的同时支持 Taro 和 React 的 UI 库</p>
  </div>
</div>

### 相关链接

- [Vant Weapp](https://github.com/youzan/vant-weapp)：由有赞团队打造的轻量、可靠的微信小程序 UI 组件库
- [Taro](https://github.com/NervJS/taro)：由京东团队打造的开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用

### 为什么是高度一致

- 99% 样式文件迁移

- 100% React 化，在 React 化的过程中保留了有赞的大部分 JS 逻辑，尽可能的少重构！

- 10+ 项目接入中

### 我们带来了什么

- 使用 TypeScript 编写，提供完整的类型定义

- 支持 Taro(H5、微信小程序、支付宝小程序、抖音小程序...)(注：React Native 不支持)

- 与 VantWeapp 的 UI 和 API 尽可能的保持一致

- 50+ 个高质量组件，覆盖移动端主流场景

- 支持主题定制

- 支持按需加载

### 为什么你可以放心用

- 背景：整个组件库初期是依赖开源项目 Vant Weapp 的代码经过全量编译而来，所有样式文件及代码结构都与其保持高度一致，只是生命周期经过改造使其支持 React，很大程度避免了重新造轮子带来的各种问题

- 组件库本身无法 100%满足大众个性化的 UI 需求，如果有个性化需求的可以自己通过改主题定制或 class 或 style 的形式满足自己的要求

> 如果觉得不错，给个 Star 哦

### 学习链接

- [github 文档](https://antmjs.github.io/vantui/#/home)
- [gitee 文档](https://antm-js.gitee.io/vantui/#/home)

### 预览

<img style="width: 140px; height: 140px; box-shadow: none;" src="https://antm-js.gitee.io/resource/vantui-weapp.png" />
<img style="width: 140px; height: 140px; box-shadow: none;" src="https://antm-js.gitee.io/resource/vantui-h5.png" />

### 贡献代码

使用过程中发现任何问题都可以提 [Issue](https://github.com/antmjs/vantui/issues) 给我们，当然，我们也非常欢迎你给我们发 [PR](https://github.com/antmjs/vantui/pulls)

### 开源协议

本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议，请自由地享受和参与开源

### 参与共建

小电科技创新事业部前端团队

### 特别声明

- 该组件库并不是一个新的轮子，我们只是得益于有赞团队在 vant-weapp 的多年实践、积累、沉淀上做了一些简单的扩展，让它可以以 Taro/React 的方式进行开发接入。

- 我们是 vant-weapp 的锦上添花版本，在此还是需要感谢 Taro 团队以及有赞团队为社区所作出的贡献。

- Logo 暂时还未获得使用许可，如有侵权，请及时联系我们。

### 以下是 @antmjs/vantui 的核心贡献者们

| [![hisanshao](https://avatars.githubusercontent.com/u/26359618?s=100&v=4)](https://github.com/hisanshao/) | [![Chitanda60](https://avatars.githubusercontent.com/u/16026533?s=100&v=4)](https://github.com/Chitanda60/) | [![zuolung](https://avatars.githubusercontent.com/u/19684540?s=100&v=4)](https://github.com/Banlangenn/) | [![hisanshao](https://avatars.githubusercontent.com/u/28145148?s=100&v=4)](https://github.com/zuolung/) |
| :-------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: |
|                                [hisanshao](https://github.com/hisanshao/)                                 |                                [Chitanda60](https://github.com/Chitanda60/)                                 |                               [Banlangenn](https://github.com/Banlangenn/)                               |                                 [zuolung](https://github.com/zuolung/)                                  |

### 贡献者们

感谢以下小伙伴们为 @antmjs/vantui 发展做出的贡献：

<a href="https://github.com/AntmJS/vantui/graphs/contributors">
  <img src="https://opencollective.com/vantuiantmjs/contributors.svg?width=890&button=false" alt="contributors">
</a>

### 快速沟通群

微信群满 200 人，需手动拉群。添加好友请备注“AntmJS”，我们会尽快拉你进群交流

<div style="display:inline-block;">
<img style="width:300px" src="https://antmjs.github.io/vantui/resource/chat.png" />
</div>
