ui框架(2020)

移动端UI框架

1. Vant

官方链接:https://youzan.github.io/vant/#/zh-CN/

是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。

2. Cube-UI

官方链接:https://didi.github.io/cube-ui/

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

3. Mand-Mobile

官方链接:https://mand-mobile.github.io

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

4. vonic

官方链接:https://wangdahoo.github.io/vonic/docs/

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

5. Mint UI

官方链接:http://mint-ui.github.io/#!/zh-cn

Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。

6. Amaze UI

官方链接:http://amazeui.shopxo.net/

Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。

7. Muse-UI

官方链接:https://muse-ui.org/#/zh-CN

基于 Vue 2.0 和 Material Desigin 的 UI 组件库,Muse UI 拥有40多个UI 组件,用于适应不同业务环境。Muse UI 自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用。

8. Frozen UI

官方链接:http://frozenui.github.io/

由腾讯团队开发,适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。可以按需选择需要的组件,也可以采用cdn和combo的方式按需加载。使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。CSS使用模块化的样式命名和组织规范,使用sass编写css代码。

9. MUI

官方链接:https://dev.dcloud.net.cn/mui/

最接近原生APP体验的高性能前端框架,追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征 MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K,鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标,MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件

PC端UI框架

1. ElementUI

官方链接:http://element-cn.eleme.io/#/zh-CN

Element是饿了么前端开源维护的Vue UI组件库,组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。 主要用于开发PC端的页面,是一个质量比较高的Vue UI组件库.

2. iView

官方链接:https://www.iviewui.com

一套基于 Vue.js 的高质量 UI 组件库。iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。

3. layui

官方链接:http://www.layui.com/

更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。layui兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案。经典模块化前端框架。

4. Vuetify

官方链接:https://vuetifyjs.com/zh-Hans/

Vuetify 是一个 Vue UI 库,包含手工制作的精美材料组件。不需要设计技能 - 创建令人惊叹的应用程序所需的一切都触手可及。

5. vue-beauty

官方链接:https://fe-driver.github.io/vue-beauty/#/components/start

vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC端 UI 组件库,旨在帮助开发者提升产品体验和开发效率、降低维护成本。

6. AT UIKIT

官方链接:https://at-ui.github.io/at-ui/#/zh

一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站产品

Last Updated:
Contributors: zerojs