vue前端UI框架有哪些?

Vue移动端UI框架

1、Vux(star:15620)

1.png

VUX(读音 [v’ju:z],同 views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。

暂未适配 vue-cli@3.x

官网:https://vux.li/

中文文档:https://doc.vux.li/zh-CN/

在线预览:https://vux.li/demos/v2/?x-page=v2-doc-home#/

github地址:https://github.com/airyland/vux

2、Vuetify(star:18547)

2.jpg

Vuetify是一个渐进式的框架,试图推动前端开发发展到一个新的水平。为了最好地完成这个任务,必须作出不支持一些老版本IE浏览器的牺牲。

官网:https://vuetifyjs.com/zh-Hans/

中文文档:https://vuetifyjs.com/zh-Hans/getting-started/quick-start

github地址:https://github.com/vuetifyjs/vuetify

3、Mint UI(star:14140)

3.png

Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

官网:http://mint-ui.github.io

中文文档:http://mint-ui.github.io/docs/

github地址:https://github.com/ElemeFE/mint-ui/

在线预览:http://elemefe.github.io/mint-ui/#/

4、Vant(star:8361)

5.png

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

中文文档:https://youzan.github.io/vant/#/zh-CN/intro

github地址:https://github.com/youzan/vant

5、Muse-ui(star:7362)

6.jpg

Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用。

官网:https://muse-ui.org/#/zh-CN

中文文档:https://muse-ui.org/#/zh-CN/installation

github地址:https://github.com/museui/muse-ui

6、Cube UI(star:6088)

7.png

cube-ui 由滴滴内部组件库精简提炼而来,是基于 Vue.js 实现的精致移动端组件库。

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

官网:https://didi.github.io/cube-ui/#/zh-CN

github地址:https://github.com/didi/cube-ui

中文文档:https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start

7、vonic(star:1533)

8.png

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

官网:https://wangdahoo.github.io/

中文文档:https://wangdahoo.github.io/vonic-documents/#/

在线预览:https://wangdahoo.github.io/vonic/docs/#/home

github地址:https://github.com/wangdahoo/vue-scroller

Vue PC端UI框架

1、Element(star:37233)

1.jpg

Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 。

官网:http://element-cn.eleme.io/#/zh-CN

github地址:https://github.com/ElemeFE/element

2、vue-element-admin(star:32223)

2.png

vue-element-admin是一个后台前端解决方案,它基于vue和element-ui实现。

中文文档:https://panjiachen.github.io/vue-element-admin-site/zh

github地址:https://github.com/PanJiaChen/vue-element-admin

3、iView(star:21084)

3.jpg

一套基于 Vue.js 的高质量UI 组件库。

中文文档:https://www.iviewui.com/

github地址:https://github.com/iview/iview

4、Vue Material(star:7834)

4.jpg

通过Vue Material和Vue 2.0建立精美的app应用。

中文文档:http://vuematerial.materializecss.cn/#/

github地址:https://github.com/vuematerial/vue-material

5、VueStrap(star:4825)

5.jpg

基于 Vue.js 构建的 Bootstrap 组件,该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。

在线文档:http://yuche.github.io/vue-strap/

github地址:https://github.com/yuche/vue-strap

6、Keen UI(star:3700)

6.png

由Vue编写的基本UI组件的轻量级集合,并受Material Design的启发。

在线文档:https://josephuspaye.github.io/Keen-UI/#/ui-alert

github地址:https://github.com/JosephusPaye/Keen-UI

Image placeholder
前端答疑
未设置
  53人点赞

没有讨论,发表一下自己的看法吧

推荐文章
基于vue移动端UI框架有哪些?

vuxVUX(读音[v’ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。文档地址:https://doc.vux.li/zh-CN/演示地址:ht

基于jquery开发的UI框架有哪些?

基于jquery开发的UI框架有哪些?1、国产jQueryUI框架(jUI)DWZDWZ富客户端框架(jQueryRIAframework),是中国人自己开发的基于jQuery实现的AjaxRIA开源

vue加载优化策略有哪些?

方法一路由懒加载vue.js是一个比较流行的前端框架,与react.js、angular.js相比来说,vue.js入手曲线更加流畅,不管掌握多少都可以快速上手。但是单页面应用也都有其弊病,有时候首屏

前端开发人员最困扰的事情有哪些?

前端和后端开发之间的界线正在发生变化。有一些常见的错误会导致前端开发人员增加工作量、浪费时间,本文将介绍一些常见的错误以及如何避免这些错误。公司向他们的开发人员和程序员提出更多的要求,让他们完成与自己

jQuery遍历方法有哪些?

jQuery遍历方法有哪些?jquery遍历方法有对象遍历和函数调用两种方式。一、jQuery对象遍历语法:$(集合).each(function(index,item){ //index索引 //i

jquery基本过滤选择器有哪些?

jquery基本过滤选择器:1、first()或者:first选取第一个元素//选择第一个div元素 $('div:first') $('div').first()2、last()或者:last选取最

jquery表单过滤器有哪些?

jquery表单过滤器有哪些?jQuery提供了四种表单过滤器,分别在是否可以用、是否选定来进行表单字段的筛选过滤。:enabled:选取所有可用元素:disabled:选取所有不可用元素:check

jquery表单选择器有哪些?

jquery表单选择器有哪些?jquery虽然可以使用常规选择器来对表单的元素进行定位,但有时还是不能满足开发者灵活多变的需求。所以,jQuery为表单提供了专用的选择器。:input:选取所有inp

jquery内容过滤选择器有哪些?

:contains(text):empty:has(seletor):parent先写几个DOM元素的HTML结构:JohnResign GeorgeMartin MalcomJohnSinclair

jquery可见性过滤选择器有哪些?

jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素。主要有两个:过滤器名jQuery语法说明返回:hidden$(':hidden')选取所有不可见元素集合元素:visible$

数据科学领域的核心技能和新兴技能分别有哪些?

近年来随着大数据的迅速发展,各种各样的数据分析技能也逐渐大热,为了找到数据科学领域目前最常用的技能和未来最流行的应用趋势,我们进行了一项调查。我们确定了数据科学技能的两个主要类别:一个是大多数受访者拥

调查:2019年数据分析市场面临的挑战有哪些?

分析和数据科学行业对人才的需求急剧增长,为该行业求职者提供了很多工作机会。无论是500强还是初创企业,每个团队都在使用分析来从数据中获得有价值的信息。然而,在人才、客户定位和收集数据等方面,这个行业仍

css常见选择器有哪些?优先级是什么?

选择器也称为选择符,所有的html语言中的标记都是通过css选择器控制的。常见的css选择器有标签选择器、类选择器、id选择器、通配符选择器。1、标签选择器标签选择器,也称为元素选择器。标签选择器的基

ie加载不出css样式的原因有哪些?

ie加载不出css样式的原因有哪些?可能的原因如下:1.HTML页面编码与CSS编码不同(如HTML为gbk,CSS为utf-8);2.CSS文件中未指定@charset头声明,导致IE默认使用页面编

css中变换属性有哪些?

css中变换属性有哪些?1、matrixmatrix(,,,,,)以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换,相当于直接应用一个[a,b,c,d,e,f]变换矩阵2、tra

css属性选择器有哪些?

css属性选择器有哪些?[attribute]用于选取带有指定属性的元素。该选择器选择包含attribute属性的所有元素,不论attribute的值为何。[attribute=value]用于选取带

HTML内联元素有哪些?

内联元素(inlineelement)也叫内嵌元素或行内元素,一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素,通常被包括在块元素中使用,常见内联元素有“a、b、

智慧城市带来的网络威胁有哪些?

如今,中国城市正在疾步向前拥抱智慧时代,我国是全球智慧城市建设最为积极的国家之一。近年来,智慧城市建设步入快车道时代!据不完全统计,中国智慧城市的发展数量已经超过500个,居世界之最。然而,智慧城市给

css文本属性有哪些?

css文本属性有哪些?1、text-align控制文本的对齐方式2、text-indent控制文本首行的缩进,px或%都可;3、white-space文档中的空白处属性值:(推荐学习:CSS视频教程)

安防摄像头网页无插件直播流媒体服务器EasyNVR在IE浏览器下的 pointer-events- none前端兼容性调试

背景说明由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合是大势所趋。传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都需要OCXWeb插件进行直播。对于安防监控

有哪些常用jQuery UI框架?

jqueryUI框架1、国产jQueryUI框架(jUI)DWZDWZ富客户端框架(jQueryRIAframework),是中国人自己开发的基于jQuery实现的AjaxRIA开源框架.设计目标是简

vue.js有哪些优势?

Vue是什么Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。简而言之:Vue.js是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的A

jquery有哪些常用事件?

jquery有哪些常用事件?1、$(document).ready()$(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。它和

Kubernetes 未来一年会有哪些变化?

试图预测历史上发展最快的开源项目的未来几乎是徒劳的,从谷歌到社区其他成员的“传承”已经发展成为编排的实际标准,从来没有一个项目以这种方式获得了整个企业社区的集体支持。从CNCF成员的长名单就可以看出,

css hack技巧有哪些

实例讲解:Hack应用情境(一)适用范围:IE:6.0,IE7.0,IE8.0之间的兼容实例说明:此例中我们使用了渐进识别的方式,从总体中逐渐排除局部。首先,巧妙的使用“\9”这一标记,将IE游览器从