html上的样式 ui vant_再见,美工!这几款前端UI深受广大程序员喜欢!你用了吗?...

近期,小编南风吹根据GitHub、gitee等对当前流行的前端UI框架的进行了小小的整理和汇总。希望对寻找UI框架的小伙伴们提供点帮助。以下对前端UI框架的移动端、PC端和混合APP的应用进行了列举。

1.SUI Mobile

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

335713eaa00fd066aaa76b8bea875d7e.png

2.MUI

这个UI框架想必是最出名的吧,也不用我多介绍了,官网的描述是【最接近原生App体验的前端框架】

224af66df89c01084597eb8f4c24dcb1.png

3.weUI

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

a72359df13758b9e8a7812588f22cb26.png

4.Vant

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

00b68229cd967da90122cc3bf1493893.png

5.Mint UI

Mint UI 由饿了么前端团队推出的 Mint UI,是一个基于 Vue.js 的移动端组件库。Mint-UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

be69dd2057ead9c57de6c7d5efb76cee.png

6.vonic

一个基于 vue.js 和 ionic 样式的UI 框架,用于快速构建移动端单页应用

a8597a574e4d7f0dcd88f45340108080.png

7.Cube-UI

滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库

be31c02e09ed06b582cca9a72b0f0705.png

8.vue-ydui

Vue-ydui 是 YDUI Touch 的一个Vue2.x实现版本,专为移动端打造,在追求完美视觉体验的同时也保证了其性能高效。目前由个人维护。

56695a0682de18d2eaf888d3f24d1f8d.png

9.Frozen UI

FrozenUI 是一套基于移动端的UI库,轻量、精美、遵从手机 QQ 设计规范。

适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题,并且可以按需选择需要的组件。

使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。

609ab9ae02dec0e4deb824dfde1fbad2.png

10.Muse - UI

一套 Material Design 风格开源组件库,旨在快速搭建页面。

0ee3d025a14b80953493ff206f4f9fcd.png

11.Mand-Mobile

面向金融场景的Vue移动端UI组件库,丰富、灵活、实用,快速搭建优质的金融类产品。

adb91991d39932d450c6ebc8e590a851.png

12.Weex-ui

Weex Ui 是一个基于 Weex 的富交互、轻量级、高性能的移动端 UI 组件库

8f2b3f901edd07bc576b6c277c85561a.png

13.Vuetify

一款非常精致的UI框架,它提供了很多常用的组件,依靠Material Design的设计优势,让你无需编写一行css代码就可以得到非常美观的界面功能。

b0b25c4f9409abde9a876c0a5766eeef.png
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值