UNIAPP那些好用颜值高的UI框架

我推荐一下这些还不错的免费开源UI框架,喜欢哪个自己挑,总有合适你的。

ColorUI

开源地址:https://github.com/weilanwl/ColorUI

组件精美,色彩十分鲜艳。每一个样式都是一个独立的class,都是封装好的css。ColorUI是一个纯css库,在你引入样式后可以根据class来调用组件。

需要使用者打开main.css和demo看一下里面的内容,一些含有交互的操作我也有简单写,可以为你开发提供一些思路。

图片

Lin UI

开源地址:https://github.com/TaleLin/lin-ui

Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁,易用的设计规范。

wxs模块 、高级组件 、 电商组件模块 等等。例如,在电商项目里常用的 SKU联动选择 ,城市选择器 等。

在微信小程序原生开发的时候我使用过该框架,感觉瀑布流和吸顶还可以。喜欢的话可以自己去体验一下。

图片

uView UI

开源:https://github.com/umicro/uView

uView1.0的时候我就已经在使用了,在uniapp开发多端的时候使用uview是个不错的选择。uView永久开源,永远免费。

uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码。

可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。

图片

图片

tm-vuetify UI

官网:https://jx2d.cn/

这是我新项目使用的ui框架,最大的感受就是tm-vuetify的辅助类太好用了。内外边距、圆角、弹性布局等,对于辅助类大家也可以独立出来作为自己项目使用真的特别方便。

图片

tm-vuetify在自定义自己的主题色也是做得非常的棒,支持生成自己喜欢的主题包,并且提供了生成工具。暗黑模式和亮色也可以简单地实现。大家不妨去试试!

图片

因为这个开源项目是作者一个人维护,大多数组件是兼容的,作者还没有大量时间去每个平台测试一次,所以每个平台或许有bug或差异。

图片

我喜欢整理出自己经常使用的辅助类,再搭配一个自己喜欢的ui框架来使用。

最后,使用这些都是为了提高开发效率,每款框架都很优秀。

我们都可以去学习和使用,大家可以根据自己的喜好去选择。

觉得内容对你你有帮助,记得顺手关注+点赞永远是我持续写作的动力,谢谢你。

TuniaoUI

地址:https://gitee.com/TSpecific/tuniao-ui

图片

是基于uni-app进行开发的UI框架,提供丰富的组件进行快速开发,已经支持H5和微信小程序,包含常用表单组件、信息展示组件等,并提供丰富的酷炫页面模板。


发表评论

电子邮件地址不会被公开。 必填项已用*标注