微信小程序之第三方UI框架
一、WeUI WXSS
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、toptips 等组件或元素。
GitHub地址:https://github.com/youzan/zanui-weapp
npm下载:npm i zanui-weapp
另外,zanui也使用 mpvue 重写 zanui-weapp,实现了其中所有组件。
GitHub地址:https://github.com/samwang1027/mpvue-zanui
npm下载:npm i mpvue-zanui
四、MinUI
MinUI 是蘑菇街前端开发团队开发的基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具。
GitHub地址:https://github.com/meili/minui
npm下载:npm install -g @mindev/min-cli
五、Wux WeApp
Wux WeApp也是一个非常不错的微信小程序自定义 UI 组件库,组件比较丰富,值得使用。
GitHub地址:https://github.com/wux-weapp/wux-weapp
npm下载:npm i wux-weapp
六、mpvue-docs
MpVue是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js
核心,mpvue
修改了 Vue.js
的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js
开发体验。
GitHub地址:github 地址请参见
npm下载:npm install --global vue-cli
在线文档:http://mpvue.com/
七、wepy
WePY 是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。
GitHub地址:github 地址请参见
npm下载:npm install wepy-cli -g
在线文档:https://tencent.github.io/wepy/
八、WeWeb
WeWeb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。如果你熟悉vue的语法,也可以使用wepy编写小程序,再通过weweb转换后将其运行在web端。
GitHub地址:github 地址请参见
npm下载:npm install weweb-cli -g
在线文档:https://weidian-inc.github.io/hera/#/basics/quickstart
九、Vant Weapp
Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
GitHub地址:github 地址请参见
npm下载:npm i vant-weapp -S --production
在线文档:https://youzan.github.io/vant-weapp/#/intro
十、ColorUI
ColorUI组件是我根据开发经验,自己编写、整合的一套高颜值的微信小程序组件库。
GitHub地址:github 地址请参见
在线文档:https://www.color-ui.com/
更多:
- wx-charts ★105 - 微信小程序图表工具
- wemark ★85 - 微信小程序Markdown渲染库
- WeZRender ★36 - 微信小程序Canvas增强组件
- wetoast ★21 - 仿照微信小程序提供的showToast功能
- wxapp-charts ★20 - 微信小程序图表charts组件
- WeiXinProject ★18 - 列表的上拉刷新和上拉加载
- citySelect ★16 - 微信小程序城市选择器
以上内容非本人整理,此处仅做收藏