好用开源的小程序UI推荐

作者:outlela  来源:本站原创   发布时间:2021-8-3 9:35:17

一、WeUI for 小程序 为微信小程序量身设计(微信官方出品)

概述

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含buttoncelldialog、 progress、 toastarticleactionsheeticon等各式元素。

以下内容是纯UI库,如果想使用逻辑封装版本,请看小程序组件库 - WeUI

WeUI 黑暗模式

在根结点增加属性 data-weui-theme="dark" 如:

<view data-weui-theme="dark">
    ...</view>

预览

微信web开发者工具打开dist目录(请注意,是dist目录,不是整个项目


WeUI for 小程序

二、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)

logo


四、taro-ui 一款基于 Taro 框架开发的多端 UI 组件库

Taro 是由 凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样,Web、ReactNative、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、RN等)运行的代码。

体验

git:NervJS/taro-ui: 一款基于 Taro 框架开发的多端 UI 组件库 (github.com)

官网:Taro UI | O2Team (aotu.io)

请使用微信扫一扫以下体验码

QRCode

五、vant-weapp 轻量、可靠的小程序 UI 组件库

介绍

Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。

目前 Vant 官方提供了 Vue 2 版本Vue 3 版本微信小程序版本,并由社区团队维护 React 版本支付宝小程序版本

预览

git:youzan/vant-weapp: 轻量、可靠的小程序 UI 组件库 (github.com)

官网:介绍 - Vant Weapp (gitee.io)

扫描下方小程序二维码,体验组件库示例:

六、ColorUI鲜亮的高饱和色彩,专注视觉的小程序组件库(已停更)

前言

ColorUI是一个css库!!!在你引入样式后可以根据class来调用组件,一些含有交互的操作我也有简单写,可以为你开发提供一些思路。

git:weilanwl/ColorUI: 鲜亮的高饱和色彩,专注视觉的小程序组件库 (github.com) 已停更

官网:Color Ui | 极其鲜亮的高饱和色彩,更注重视觉的小程序组件库 (color-ui.com)

扫码体验:

image.png

七、lin-ui🌈 简洁、易用、灵活的微信小程序组件库


简介

Lin UI 是一套基于 微信小程序原生语法 实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。

git:TaleLin/lin-ui: 🌈 简洁、易用、灵活的微信小程序组件库 (github.com)

官网:林间有风 (talelin.com)

扫码体验:

*本文最后修改于:2021-8-30 10:8:49
本文标签: 开源 小程序 UI 推荐
本文由本站原创发布, 本文链接地址:https://outlela.com/share/141.html
转载或引用请保留地址并注明出处:outlela.com