微信小程序UI组件库推荐
微信小程序UI组件库推荐
微信小程序开发组件库
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
更多推荐
所有评论(0)