开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果。自从微信小程序面世以来,不断有一些开源组件库出来,下面6款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你,可以关注和了解一下哦!

一、WeUI

WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。

GitHub地址:https://github.com/Tencent/weui-wxss
npm下载:npm i weui-wxss


二、iView WeApp

iView是TalkingData发布的一款高质量的基于Vue.js组件库,而iView weapp则是它们的小程序版本。

GitHub地址:https://github.com/TalkingData/iview-weapp
npm下载:npm i iview-weapp


三、ZanUI WeApp

ZanUI WeApp是有赞移动 Web UI 规范 ZanUI 的小程序实现版本,结合了微信的视觉规范,为用户提供更加统一的使用感受。

现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、tooltips 等组件或元素。

GitHub地址:https://github.com/youzan/zanui-weapp
npm下载:npm i zanui-weapp

另外,ZanUI也使用mpvue重写了zanui-weapp,实现了其中所有组件,为使用mpvue的开发者提供了方便。

GitHub地址:https://github.com/samwang1027/mpvue-zanui
npm下载:npm i mpvue-zanui


四、MinUI

MinUI 是蘑菇街前端开发团队开发的基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具。

GitHub地址:https://github.com/meili/minui


五、Wux WeApp

Wux WeApp也是一个非常不错的微信小程序自定义 UI 组件库,组件比较丰富,值得使用。

GitHub地址:https://github.com/wux-weapp/wux-weapp
npm下载:npm i wux-weapp


六、ColorUI

ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,ColorUI更注重于视觉交互!

其组件在美观性方面比较突出。

GitHub地址:https://github.com/weilanwl/ColorUI

6个最优秀的微信小程序UI组件库相关推荐

  1. 高颜值微信小程序 UI 组件库!

    Vant Weapp Vant 是一个轻量.可靠的移动端组件库,由有赞于 2017 年开源. Github(⭐️ 16.5k):github.com/youzan/vant- iView Weapp ...

  2. 小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...

    如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...

  3. 当前最热门的微信小程序UI组件库

    1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...

  4. Wuss Weapp一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

  5. Wuss Weapp 微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组件示例 演示图片 ...

  6. Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

  7. 5个受欢迎的微信小程序UI组件库

    开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...

  8. 5个微信小程序UI组件库

    小程序UI组件库 WeUI WXSS iView WeApp Vant Weapp (原ZanUI WeApp) MinUi Wux WeApp 此文仅为便于自己查找 原文链接:https://www ...

  9. 小白如何上手几款微信小程序UI组件库

    文章目录 1. 环境信息 2. GO 2.1 新建项目 2.2 使用WeUI微信官方组件 2.21. 命令行进入该项目文件夹 2.22. npm初始化 2.23. npm安装该组件包 2.24.npm ...

最新文章

  1. 计算机组成原理时序,计算机组成原理 中央处理器(CPU) 多级时序系统
  2. 深入了解iSCSI的2种多路径访问机制
  3. 《C++ primer》--第三章
  4. mysql sail_MySQL使用小记
  5. POJ1734(floyd求最小环的路径)
  6. jquery自动触发事件
  7. ASP.NET Core使用HostingStartup增强启动操作
  8. Flume:使用Apache Flume收集客户产品搜索点击数据
  9. 显卡报错测试软件,显卡识别软件GPU-Z更新至2.3.0,彻底揭开RX Vega面纱
  10. 剑指Offer--二维数组中的查找
  11. 计算机命令指示符大全,常用CMD命令提示符大全:让你玩转Win7系统“运行命令”!...
  12. 计算机win10无法打开小键盘,win10数字小键盘开机不启动解决方法
  13. windows 上面git 克隆clone 的时候报错 warning:Clone succeeded,but checkout failed
  14. 拓扑优化丨99行拓扑优化详细解释(OC优化准则)
  15. notepad拼心形_Excel心形函数v1.0 免费版
  16. 洛谷P3456 [POI2007]GRZ-Ridges and Valleys
  17. 三个数降序排列(汇编)
  18. MySQL优化之——函数
  19. docker+mesos+marathon
  20. 国内公募REITs火了 5月31号3多亿亿明天开抢!怎么买?买哪只?10问10答解读来了

热门文章

  1. html打印预览首行缩进样式无效,css首行缩进没有效果的原因及解决办法
  2. shell脚本经典题之函数应用
  3. 关于生日的那个经典逻辑题解释
  4. 幻影精灵6 安装ubuntu 18.04 出现的问题
  5. 思必驰回复第二轮审核问询,如何与科大讯飞、阿里巴巴“虎口夺食”?
  6. (3)HDFS原理与高可用技术原理介绍
  7. Win10+vcpkg+g2o+vs2019配置
  8. MEM/MBA 复试准备(07)远程面试准备-钉钉
  9. 【JVM我可以讲一个小时】
  10. 教育部推荐全国高校毕业生网上签约,君子签助力就业网签加速度