推荐10个高颜值小程序开源UI库

大家好,我是Echa 。
由于昨天小编发布一篇关于适合接私活的小程序开源项目相关优质的干货文章:推荐16个适合接私活的小程序开源项目,有兴趣的粉丝们看看这篇 。结果陆陆续续小编收到粉丝们的私信反馈有没有针对小程序开发相关开源漂亮火热的UI库呢?这样的话,接私活搞副业更加得心应手了 。为了粉丝们多接私活,多挣钱,提高生活品质 。小编不能耽误大家发财,赶紧大脑高速运转安排上 。另外,有接私活搞副业能力的粉丝们,可以私信小编回复:接私活 。获取适合接私活合集系列的优秀开源项目,助你接私活得心应手 。
今天小编给大家分享10个Github上非常火的小程序开源UI库,个个都靓,希望大家喜欢 。
创作不易,喜欢的老铁们加个关注,点个赞,打个赏,后面会持续更新干货,速速收藏,谢谢!你们的一个小小举动就是对小编的认可,更是创作的动力 。
全文大纲

  1. WeUI - 由微信官方设计团队为微信 Web 开发量身设计
  2. Vant WeApp - 是有赞移动端组件库 Vant 的小程序版本
  3. iView Weapp - 是由 TalkingData 发布的组件库
  4. ColorUI - 鲜亮的高饱和色彩,专注视觉的小程序组件库
  5. Wux Weapp - 是一套组件化、可复用、易扩展的微信小程序 UI 组件库
  6. TaroUI - 是由 京东·凹凸实验室 倾力打造的多端开发解决方案
  7. Lin UI - 是由林间有风团队精心打造的一套微信小程序组件库
  8. MinUI - 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库
  9. uViewUI - 是uni-app生态优秀的UI框架,全面的组件和便捷的工具会让你信手拈来,如鱼得水
  10. Touch WX - 是一套完全免费的微信小程序开发框架
WeUI 
在线体验:https://weui.io/
Github:https://github.com/Tencent/weui-wxss
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一 。包含 button、cell、dialog、 progress、 toast、article、actionsheet、icon 等各式元素 。
随着小程序的普及,微信也有很多内部小程序在开发,每个小程序都需要从零到1进行开发设计,而这个过程中,有大量的 UI 交互是重复的,另外,微信内部已经有一套H5版本的 WeUI 样式库 。综合考虑,我们基于 WeUI 样式库开发了小程序版本的 UI 组件库,在内部多个小程序项目已经使用 OK 的情况下,我们把这套组件库开源让外部开发者也可以使用
如下图:
推荐10个高颜值小程序开源UI库

文章插图
 
Vant Weapp
官网地址:https://youzan.github.io/vant-weapp/#/theme
Github: https://github.com/youzan/vant-weapp
Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源 。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本 。
小程序基于 Shadow DOM 来实现自定义组件,所以 Vant Weapp 使用与之配套的 css 变量 来实现定制主题 。链接中的内容可以帮助你对这两个概念有基本的认识,避免许多不必要的困扰 。
CSS 变量 的兼容性要求 。对于不支持 CSS 变量 的设备,定制主题将不会生效,不过不必担心,默认样式仍会生效 。
如下图:
推荐10个高颜值小程序开源UI库

文章插图
 
推荐10个高颜值小程序开源UI库

文章插图
 
iView Weapp
官网地址:https://weapp.iviewui.com/
Github: https://github.com/TalkingData/iview-weapp
iView Weapp 是一套高质量的微信小程序 UI 组件库 。
在开始使用 iView Weapp 之前,你需要先阅读 微信小程序自定义组件 的相关文档 。
如下图:
推荐10个高颜值小程序开源UI库

文章插图
 


推荐阅读