经典 发表于 2020-10-10 02:27:59

这些开发微信小程序的UI组件和框架,你们都知道吗?

现在微信小程序是非常火爆的,所以各个大厂都推出了自己特色的小程序应用,如:百度智能小程序、头条小程序、支付宝小程序、QQ小程序、钉钉小程序等。如果完成从0开始开发的话,成本还是蛮高的,所以我们需要借助现成的UI组件和框架来为我们节省一些时间。
WeUI

WeUI是由微信官方设计团队分别支持微信H5网页和微信原生小程序的开源UI组件,
github地址:https://github.com/Tencent/weui-wxss.git
https://p3.pstatp.com/large/pgc-image/f28cac65be96403abb2f3f0773b4b37ahttps://p1.pstatp.com/large/pgc-image/99431c213a8b46f9a91d3850a5c391cahttps://p3.pstatp.com/large/pgc-image/9736ed9c96b34c1191739b991a7b9f0chttps://p1.pstatp.com/large/pgc-image/33c697d637d64e15bc01ec2e37f8aff7ColorUI

ColorUI是开源且支持原生小程序的UI组件,由于我目前在帮朋友改一个原生的微信小程序,所以就选择了这款开源组件。
github地址:https://github.com/weilanwl/ColorUI.git
https://p1.pstatp.com/large/pgc-image/3dbdcb928f4a42ce8da4ccd7f401b28ehttps://p3.pstatp.com/large/pgc-image/2c66526412c84300ababb8686eb96504https://p1.pstatp.com/large/pgc-image/ec303128999e464d8601743863fa1656https://p3.pstatp.com/large/pgc-image/ec01ef6dce3f4600bc22aa84344a893dhttps://p3.pstatp.com/large/pgc-image/7ef5a31f5f5d477491e4e3d1fe521b29Vant Weapp

Vant Weapp是有赞开源且分别支持Vue 版本和微信小程序版本的UI组件库,
github地址https://github.com/youzan/vant-weapp.git
https://p1.pstatp.com/large/pgc-image/5c11edc8c3a74711b96bc58dd33cf2b4https://p3.pstatp.com/large/pgc-image/4a8169a32f6043aeac43d9217290a355https://p1.pstatp.com/large/pgc-image/dca99df87ff44a9ba749f8a9cfa8ed17LinUI

Lin UI 是一套基于 微信小程序原生语法 实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。
github地址:https://github.com/TaleLin/lin-ui.git
https://p3.pstatp.com/large/pgc-image/14a83bd2941e494bafbc4076ea7c3c46https://p1.pstatp.com/large/pgc-image/a5612fef025041da90bcc9e1557ba759https://p1.pstatp.com/large/pgc-image/dc1b3447a7e142dfbf65017bae469923https://p3.pstatp.com/large/pgc-image/699c00793b5e40ad8df88420ac123d47iView weapp

iview-weapp是支持原生微信小程序的UI组件
github地址:https://github.com/TalkingData/iview-weapp.git
https://p1.pstatp.com/large/pgc-image/0f113ded3c6f4dc5b4f381e406aac226https://p1.pstatp.com/large/pgc-image/8298c24e5f6a41f0b4d1cf7f19dcd426https://p3.pstatp.com/large/pgc-image/c34fd1e7677d41ed9939840adace3fcehttps://p9.pstatp.com/large/pgc-image/3d90e8e9b607418c8ec3f09caa5539fcMinUI

MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具。但是它近几年都没有什么进展了
github地址:https://github.com/meili/minui.git
https://p9.pstatp.com/large/pgc-image/69ea006548314cbb90c3e7cf6ebea8c2https://p1.pstatp.com/large/pgc-image/7ac09da7e2944ac4b9dabbbd8681d125https://p1.pstatp.com/large/pgc-image/ddd4d75ca77847daa3b6a01f83c1e4e8https://p9.pstatp.com/large/pgc-image/d91c02c30c3d4998af06ef9992cd9d86ThorUI

ThorUI支持微信原生小程序开发的UI组件,同时也有支持uniapp的版ThorUI-uniapp
github地址:https://github.com/dingyong0214/ThorUI-uniapp.git
https://p1.pstatp.com/large/pgc-image/79782ebea2ed478c873c518c1a004f31https://p1.pstatp.com/large/pgc-image/2252d30c1df0477fb70db40119168056https://p1.pstatp.com/large/pgc-image/a622833a8e064c239713eca3eee00f5fhttps://p1.pstatp.com/large/pgc-image/502c44b9bde742d3bfb694a7ea310088UniUI

基于uni-app框架的ui组件,所以就只支持类似uni-app的vue框架
github地址:https://github.com/dcloudio/uni-ui.git
https://p3.pstatp.com/large/pgc-image/9e30bc18096c44359d70f36416055bbehttps://p3.pstatp.com/large/pgc-image/b8316c220a6f46c89f2aaa36d2bf191fhttps://p3.pstatp.com/large/pgc-image/f75960f419524949b3a1271c0062f7f9https://p1.pstatp.com/large/pgc-image/c2ae50e9c129436ebc1c4143a299d075uViewUI

uView UI号称是uni-app生态最优秀的UI框架,所以也是只支持类似uni-app的vue框架,但是我并没有用过它,感觉的它的组件库比较丰富,样式风格也是比较漂亮
github地址:https://github.com/YanxinNet/uView.git
https://p3.pstatp.com/large/pgc-image/1125e23641dc40bc96564c07e29d0bcahttps://p9.pstatp.com/large/pgc-image/a113515c7ed743618d90425bb61c438chttps://p1.pstatp.com/large/pgc-image/ee05f6a008b74efb929abc4d02bac4c9https://p1.pstatp.com/large/pgc-image/df5a9dd83c7b487d902ccdba08288440https://p1.pstatp.com/large/pgc-image/032e0ccd87fc41078ac4c4a197ebe91fhttps://p3.pstatp.com/large/pgc-image/a5a7bb95ab5e4c8ab99608a63d45201dwux-weapp

wux-weapp号称是一套组件化、可复用、易扩展的微信小程序 UI 组件库,我没有看过它的demo,所以也不知道它长什么样子
github地址:https://github.com/wux-weapp/wux-weapp.git
https://p3.pstatp.com/large/pgc-image/5f17da08fcff4aca8b27fe8c5b732531https://p1.pstatp.com/large/pgc-image/5ef8fdfa4de8405fba913546e6370c32https://p9.pstatp.com/large/pgc-image/93c69707ab4244f7839a4984fd9431bfhttps://p9.pstatp.com/large/pgc-image/90c505d0f33141d68cde048b2f84be20taro ui

Taro UI一款基于 Taro 框架开发的多端 UI 组件库,所以它也是配置Taro框架才能使用,一套组件可以在 微信小程序,支付宝小程序,百度小程序,H5 多端适配运行(ReactNative 端暂不支持)
github地址:https://github.com/NervJS/taro-ui.git
https://p1.pstatp.com/large/pgc-image/ef0971d0351143b797303af58f055d91https://p3.pstatp.com/large/pgc-image/8b1f565b2969432d8ca805e1d42923a2https://p1.pstatp.com/large/pgc-image/1ab65224952843efb7cd7ca754c1674fhttps://p3.pstatp.com/large/pgc-image/cd72c42653104e329bad70f4a3c9cd50https://p1.pstatp.com/large/pgc-image/af48d15581b04db8bad8668af9d197d4前面是我收集到的一些UI组件,接下来,我们再来一些开发框架,
taro

开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。
github地址:https://github.com/NervJS/taro.git
https://p1.pstatp.com/large/pgc-image/c1ffa642495f4570ad4bdafd301f7798https://p1.pstatp.com/large/pgc-image/d417728cee7e4e2dbfbca33b90df95e6mpvue

mpvue 是一个使用 Vue.js 开发小程序的前端框架,目前支持 微信小程序、百度智能小程序,头条小程序 和 支付宝小程序
github地址:https://github.com/Meituan-Dianping/mpvue.git
https://p3.pstatp.com/large/pgc-image/47363d3bdaf4468b8e0503438ce8b6d3WePY

WePY (发音: /'wepi/)是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序
github地址:https://github.com/Tencent/wepy.git
https://p9.pstatp.com/large/pgc-image/fb890d6fad6c432b8028bb80f565e1f6https://p1.pstatp.com/large/pgc-image/63a904a2e54f47e0abba4359e4fa0f05uni-app

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
github地址:https://github.com/dcloudio/uni-app.git
https://p1.pstatp.com/large/pgc-image/65439c2d8b6141e1a821889c3aa38301最近在帮朋友修改原生小程序,所以就收集了一些小程序相关的UI组件和框架,留着备用,并未对比过各个组件和框架的优劣势,有对这些东西比较了解的大兄弟们还请分享一下,让大叔少走弯路。目前我是用的ColorUI,开发出来的效果确实蛮漂亮的,后期,如果开发多端小程序,我应该会在Taro和Uni-APP之间选择。

刘伟 发表于 2020-10-10 02:37:53

转发了
页: [1]
查看完整版本: 这些开发微信小程序的UI组件和框架,你们都知道吗?