2018年九个很受欢迎的vue前端UI框架

最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的公司项目。

学习的过程之中发现继最热的 React 组件库和 Angular 组件库之后,这里有很多个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的应用程序。Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。

图片.png

一:Element

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

介绍:element ui框架的按钮组件,这款由饿了么前端开源的UI框架,一经面世,就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者,却没用过element UI,那你肯定不是合格的vue开发者。

图片.png

二:iview

官网地址:https://www.iviewui.com/

介绍:iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发,支持 ES2015 高质量、功能丰富 友好的 API ,自由灵活地使用空间,由TalkingData开发维护,有很多知名互联网企业都在使用。

图片.png

三:vuetify

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

介绍:Vuetifyjs 根据材料设计规格提供 UI 布局。 V 1.0 Alpha 版本提供了超过 80个 reusbale 组件,其中包含一个易于记忆的语义设计,它基于名称简单明了 type-as-you 的类型属性。在GitHub 上有超过 7K 的 star。

图片.png

四:vue-strap

官网地址:http://yuche.github.io/vue-strap/

介绍:基于 Vue.js 的 Bootstrap 组件 该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依赖的是: Vue.js Bootstrap CSS ,VueStrap 不依赖某个非常精确的 Bootstrap 版本。如果喜欢bootstrap的小伙伴又不想换jquery的开发方式是不二的选择。

图片.png

五:cube-ui

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

介绍:cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

图片.png

六:buefy

官网地址:https://buefy.github.io/#/

介绍:Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件,它提供了即装即用的轻量级组件。虽然组件选择有限,但是值得你去尝试。

图片.png

七:vue-beauty

官网地址: https://fe-driver.github.io/vue-beauty/#/components/button

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

图片.png

八:at-ui

官网地址: https://at-ui.github.io/at-ui/#/zh

介绍:AT-UI 是一个模块化的前端 UI 框架,开发基于Vue.js 的快速和强大的 Web 界面。专门为桌面应用程序构建,AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。全英文的文档对用户来说可能是具有有挑战性的,但它提供了一个体面的干净整洁的 UI 组件。

图片.png

九:Vue-Blu

官网地址: https://chenz24.github.io/vue-blu/#/

介绍:Vue-Blu是基于VuejsBulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。全面、灵活且强大的ui组件,API友好。

图片.png


原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程

2017年JS 框架回顾:后端框架

英文:Laurie Voss 译文:葡萄城控件 www.cnblogs.com/powertoolsteam/p/the-state-of-javascrip...

2709
来自专栏携程技术中心

Qnext大会 | React Web——浏览器端复用React Native代码解决方案

原创专栏|杨乾军 ? 自2008年开始接触前端,至今已有8年的前端开发经验,是一名资深前端攻城狮。目前在去哪儿平台事业部前端架构组。 1 背景 ? 一直以来...

3546
来自专栏数据小魔方

创意图表的几种玩法

今天小魔方要放个大招,给大家教几种图表的创意玩儿法。 相信不少小伙伴们在在浏览财经杂志的时候 都看过一些创意图表 里面运用了大量的图标和拟物元素 譬如这张 ? ...

3166
来自专栏非著名程序员

Java开发人员必须重视HTML5的5点理由

概述:随着浏览器技术的改进,尤其是采用了HTML5之后,Java开发中的很多困难得到解决。本文盘点了HTML5能为Java开发人员带来的5点好处。 过去,Ja...

2679
来自专栏晓麦微信小程序

微信小程序textarea 上下移动文本框文字不动的解决方法

搬砖的时候弄了别人写好的页面过来,然后在小程序开发工具上啥事都没有,到了手机上打开就发现文本框都移上去了,文字怎么还留在原地,而且还能编辑,最大的问题是这还是客...

2339
来自专栏web前端教室

如果会 HTML5,刚进公司要做什么?|前端卧谈会第1期

image.png 那还是要看你是什么公司?做什么具体工作呀?还有你自身的水平情况了。但考虑你问出的这个问题,估计你也是个小白新手啦。 所以我就默认你是个前端新...

2228
来自专栏MixLab科技+设计实验室

如何制作《超简单的AI自测题》

最近更新了一波轻交互的公众号文章: 第一期 超简单的AI自测题 第二期 喵星人密信 第三期 vim答题卡 第四期 猜拳 今天开始陆续更新一些教程《通过svg标签...

3538
来自专栏知晓程序

创作从未如此简单!这个小程序,简直就是微信里的「简书」

这些年,喜欢写文字的人都开了公众号,许多公司甚至以公众号的阅读量作为 KPI 进行考核。

1255
来自专栏葡萄城控件技术团队

MultiRow中文版技术白皮书

引言 Microsoft .NET是一项比较成熟的技术开发框架,很多的商业应用都是基于.NET开发的,在这些商业应用中,作为数据展示和录入的表格控件,是不可或缺...

2125
来自专栏程序员宝库

趣图:各种程序员的键盘热力图

2236

扫码关注云+社区

领取腾讯云代金券