小程序及H5皮肤包推荐及范例整理

微信小程序UI组件库
第一款:官方WeUI组件库:WeUI

官方的,不用多说。效果简单朴素,贴近微信原生风格。

在这里插入图片描述

第二款:ColorUI:ColorUI

目前正在使用的一款UI组件,支持uni和微信小程序,效果绚丽多彩

在这里插入图片描述

第三款:vantUI(又名:ZanUI):vantUI

Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口。风格偏朴素,但是可参考功能效果较多。
包含:带有旋转标识的按钮组件、Calendar自定义日历组件、DatetimePicker时间选择器、Rate评分(可拖动,五角,心形)、Stepper步进器、Toast轻提示、Circle圆形进度条、CountDown倒计时、NoticeBar通告栏、Skeleton骨架屏、Sticky粘性布局、TreeSelect分类选择器、indexBar索引栏(类似通讯录)、商品导航
在这里插入图片描述

第四款:MinUI:MinUI

一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等。展示样式大同小异。

第四款:

MinUI: MinUI

风格简洁

预览码:

在这里插入图片描述

第五款:

iview-weapp:iview-weapp

亮点:index索引选择器(效果比vantUI要好)、Sticky吸顶粘性布局(可根据滑动范围切换数据)、swipeout滑动菜单(左滑可随手指缓慢出现)、progress进度条(有动画效果)
预览码:
在这里插入图片描述

第六款:

WXRUI:WXRUI
亮点:UI效果一般,刮刮乐组件
预览码:

在这里插入图片描述

第七款:

WuxUI:WuxUI

亮点:FilterBar筛选栏

预览码:
在这里插入图片描述

第八款:

WussUI: WussUI

预览码:滑动视图+tabs切换、DropMenu下拉菜单、QrCode二维码生成、countUp指数、sweperOut侧滑菜单(推荐)

在这里插入图片描述

第九款:

TouchUI:TouchUI

亮点:标尺组件、签到日历组件(包含纵向日历)、滚动公告(跑马灯效果)、朦胧图效果、地图组件相关
预览码:

在这里插入图片描述

第十款:

Hello UniApp: Hello UniApp

uni-app官方UI
video(包含弹幕)、
预览码:
在这里插入图片描述

第十一款:

TaroUI:TaroUI

预览码:
在这里插入图片描述

第十二款:

Thor UI: Thor UI

预览码:

在这里插入图片描述

第十三款:

GUI:GUI

预览码:
在这里插入图片描述

第十四款:

kaiUI:npm包

预览码:

在这里插入图片描述

第十五款:

BeeUI:BeeUI

预览码:

在这里插入图片描述

第十六款:

easyUI:地址 https://github.com/qq865738120/easyUI

预览码:

在这里插入图片描述

第十七款

VtuUi: 地址 https://github.com/jisida/VtuWeapp

预览码:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/wtdask/article/details/106917664