微信小程序UI组件库推荐

Posted 2023-03-30 灰色小乙

微信小程序开发组件库
1.WeUI
WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。
有点：引入简单，建议简单项目和新手使用
缺点：组件较少
效果地址: https://weui.io/
开发文档: https://github.com/Tencent/weui/wiki
GitHub地址：https://github.com/Tencent/weui

2.Vant Weapp
Vant Weapp 是有赞移动端组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。
最近一次更新版本v1.10.0，日期2021-12-21，有专门的维护团队和社区
GitHub地址： https://github.com/youzan/vant-weapp
开发文档/效果地址：https://youzan.github.io/vant-weapp/#/intro
推荐原因：Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护多年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。50+组件
优点：组件丰富
缺点：因为版本更新，造成官网上存在部分内容更新不及时，对新手不太友好

3.iView Weapp
iView Weapp是由 TalkingData 发布的组件库，一套高质量的微信小程序 UI 组件库。
最近一次更新版本2.0.0，日期2018-07-28
GitHub 地址：https://github.com/TalkingData/iview-weapp
开发文档：https://weapp.iviewui.com/docs/guide/start
效果地址需要在开发文档地址中通过微信小程序的方式体验

4.ColorUI
鲜亮的高饱和色彩，专注视觉的小程序css组件库
GitHub 地址：https://github.com/weilanwl/ColorUI
展示地址：https://www.color-ui.com
开发文档参考: 暂未找到官网地址，有一篇使用教程推荐https://blog.csdn.net/miao_yf/article/details/102971767 配合 https://www.kancloud.cn/als24/color/1141392

5.Wux Weapp
80+ 丰富的组件，能够满足移动端开发的基本需求。
最近一次版本更新是v3.8.8，日期：2021-04-12
GitHub 地址：https://github.com/wux-weapp/wux-weapp
开发文档：https://www.wuxui.com/#/introduce

6.TaroUI
Taro 是一款基于 Taro 框架开发的多端UI 组件库。一套组件可以在 微信小程序，支付宝小程序，百度小程序，H5 多端适配运行（ReactNative 端暂不支持）,但需要学习Taro编译工具
使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。
GitHub 地址：https://github.com/NervJS/taro-ui
开发文档/效果地址：https://taro-ui.aotu.io/#/docs/introduction

7.MinUI
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架，各种小程序组件主流框架等。

总结：推荐使用vant weapp