一、WeUI for 小程序 为微信小程序量身设计(微信官方出品)
概述
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button
、cell
、dialog
、 progress
、 toast
、article
、actionsheet
、icon
等各式元素。
以下内容是纯UI库,如果想使用逻辑封装版本,请看小程序组件库 - WeUI
WeUI 黑暗模式
在根结点增加属性 data-weui-theme="dark"
如:
<view data-weui-theme="dark">
...</view>
预览
用微信web开发者工具打开dist
目录(请注意,是dist
目录,不是整个项目)
二、uView UI,是uni-app生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水
特性
兼容安卓,iOS,微信小程序,H5,QQ小程序,百度小程序,支付宝小程序,头条小程序
60+精选组件,功能丰富,多端兼容,让您快速集成,开箱即用
众多贴心的JS利器,让您飞镖在手,召之即来,百步穿杨
众多的常用页面和布局,让您专注逻辑,事半功倍
详尽的文档支持,现代化的演示效果
按需引入,精简打包体积
预览
git:YanxinNet/uView: uView UI,是uni-app生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水 (github.com)
官网:uView - 多平台快速开发的UI框架 - uni-app UI框架 (uviewui.com)
三、wux-weapp🐶 一套组件化、可复用、易扩展的微信小程序 UI 组件库
可以扫描下方的小程序码体验或用 微信web开发者工具 打开 example
目录(请注意,是 example 目录,不是整个项目)。
git:wux-weapp/wux-weapp: 一套组件化、可复用、易扩展的微信小程序 UI 组件库 (github.com)
官网:Wux Weapp - 微信小程序自定义 UI 组件 (wuxui.com)
四、taro-ui 一款基于 Taro 框架开发的多端 UI 组件库
Taro 是由 凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样,Web、ReactNative、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、RN等)运行的代码。
体验
git:NervJS/taro-ui: 一款基于 Taro 框架开发的多端 UI 组件库 (github.com)
请使用微信扫一扫以下体验码
五、vant-weapp 轻量、可靠的小程序 UI 组件库
介绍
Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。
预览
git:youzan/vant-weapp: 轻量、可靠的小程序 UI 组件库 (github.com)
扫描下方小程序二维码,体验组件库示例:
六、ColorUI鲜亮的高饱和色彩,专注视觉的小程序组件库(已停更)
前言
ColorUI是一个css库!!!在你引入样式后可以根据class来调用组件,一些含有交互的操作我也有简单写,可以为你开发提供一些思路。
git:weilanwl/ColorUI: 鲜亮的高饱和色彩,专注视觉的小程序组件库 (github.com) 已停更
官网:Color Ui | 极其鲜亮的高饱和色彩,更注重视觉的小程序组件库 (color-ui.com)
扫码体验:
七、lin-ui🌈 简洁、易用、灵活的微信小程序组件库
简介
Lin UI 是一套基于 微信小程序原生语法 实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。
git:TaleLin/lin-ui: 🌈 简洁、易用、灵活的微信小程序组件库 (github.com)
扫码体验: