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

作者 : 开心源码 本文共1928个字,预计阅读时间需要5分钟 发布时间: 2022-05-12 共163人阅读

最近在逛各大网站,论坛,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是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前台开发(特别是中后端产品)提供一个快速且灵活的处理方案。全面、灵活且强大的ui组件,API友好。

图片.png


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

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 2018年九个很受欢迎的vue前台UI框架

发表回复