基于 vue 的ui框架

手机 电脑 兼容框架

vuetifyjs

vuetifyjs是比较流行的基于vue的前端ui框架,作者John Leider来自国外,vuetifyjs组件众多,并且电脑端,移动端通用一套代码

  • 官网网址: https://vuetifyjs.com/zh-Hans/
  • 手册网址: https://vuetifyjs.com/zh-Hans/getting-started/quick-start/
  • github地址: https://github.com/vuetifyjs/vuetify
  • 作者的github地址: https://github.com/johnleider

电脑端

Element-UI

Element是由国内饿了么团队开发的一套桌面端vue ui框架,也是国内使用最多的ui前端框架,我们日常开发中所用到的功能基本已经都内置好,并且ui风格高度可自定义

  • 官网网址: https://element.eleme.cn/#/zh-CN
  • 手册网址: https://element.eleme.cn/#/zh-CN/component/installation
  • github地址: https://github.com/ElemeFE/element
  • 作者的github地址: https://github.com/elemefe

iviewui

iview是由国内试图科技公司团队开发的基于 Vue.js 的高质量企业级 UI 组件库,具有业界影响力的免费开源软件 丰富的组件和功能,满足绝大部分网站场景,提供开箱即用的 Admin 系统 和 高阶组件库,极大程度节省开发成本,提供专业、优质的一对一技术支持,友好的 API ,自由灵活地使用空间,可自定义主题

  • 官网网址: https://iview.design/
  • 手册网址: https://www.iviewui.com/docs/guide/start
  • github地址: https://github.com/view-design/ViewUI
  • 作者的github地址: https://github.com/view-design
  • 专业版地址: https://pro.iviewui.com/pro/introduce
  • 专业版admin地址: https://pro.iviewui.com/admin-pro/introduce

VueStrap

VueStrap是基于Bootstrap开发的vue前端框架,他不依赖jquery,但是需要bootstrap css (3.xx)的样式

  • 官网网址: http://yuche.github.io/vue-strap/
  • 手册网址: http://yuche.github.io/vue-strap/#accordion
  • github地址: https://github.com/yuche/vue-strap
  • 作者的github地址: https://github.com/yuche

vue-blu

Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。

  • 官网网址: https://chenz24.github.io/vue-blu/#/
  • 手册网址: https://chenz24.github.io/vue-blu/#/
  • github地址: https://github.com/chenz24/vue-blu
  • 作者的github地址: https://github.com/chenz24

at-ui

AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品。是由京东凹凸实验室团队开发的前端框架

  • 官网网址: https://at-ui.github.io/at-ui/#/zh
  • 手册网址: https://at-ui.github.io/at-ui/#/zh/docs/introduction
  • github地址: https://github.com/AT-UI/at-ui
  • 作者的github地址: https://github.com/AT-UI
  • 团队官网网址: https://aotu.io/

buefy

基于Bulma的Vue.js的轻量级 UI组件

  • 官网网址: https://buefy.org/
  • 手册网址: https://buefy.org/documentation/start
  • github地址: https://github.com/buefy/buefy
  • 作者的github地址: https://github.com/buefy

vue-beauty

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

  • 官网网址: https://buefy.org/
  • 手册网址: https://fe-driver.github.io/vue-beauty/#/components/start
  • github地址: https://github.com/FE-Driver/vue-beauty
  • 作者的github地址: https://github.com/FE-Driver

手机端

mint-ui

mint是由国内饿了么团队专为移动端开发的一套vue ui框架,主要应用在移动端,内置众多组件

  • 官网网址: http://mint-ui.github.io/#!/zh-cn
  • 手册网址: http://mint-ui.github.io/docs/#/zh-cn
  • 演示网址: http://elemefe.github.io/mint-ui/#/
  • github地址: https://github.com/ElemeFE/mint-ui
  • 作者的github地址: https://github.com/ElemeFE

vant

vant 是由有赞团队开发的专门用于手机端的vue框架,vant 轻量、可靠的移动端 Vue 组件库,60+ 高质量组件、 90% 单元测试覆盖率、完善的中英文文档和示例

  • 官网网址: https://youzan.github.io/vant/#/zh-CN/
  • 手册网址: https://youzan.github.io/vant/#/zh-CN/
  • 国内手册: https://vant-contrib.gitee.io/vant/#/zh-CN/
  • 演示网址: https://youzan.github.io/vant/mobile.html#/zh-CN/
  • github地址: https://github.com/youzan/vant
  • 作者的github地址: https://github.com/youzan

nutui

nutui 是由京东团队开发的专门用于手机端的vue框架,NutUI是一套京东风格的移动端组件库,开发和服务于移动Web界面的企业级前中后台产品。

  • 官网网址: http://nutui.jd.com/#/index
  • 手册网址: http://nutui.jd.com/#/start
  • 演示地址: http://nutui.jd.com/demo.html#/index
  • github地址: https://github.com/jdf2e/nutui
  • 作者的github地址: https://github.com/jdf2e

Cube-UI

Cube UI 由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障,基于 Vue.js 实现的精致移动端组件库。

  • 官网网址: https://didi.github.io/cube-ui/#/zh-CN
  • 手册网址: http://nutui.jd.com/#/start
  • 演示地址: https://didi.github.io/cube-ui/example/#/N/example
  • github地址: https://github.com/didi/cube-ui
  • 作者的github地址: https://github.com/didi

VUX

VUX 一个凑合的 Vue.js 移动端 UI 组件库, 它是由个人开发和维护的一套框架

  • 官网网址: https://vux.li/
  • 手册网址: https://doc.vux.li/zh-CN/
  • 演示地址: https://vux.li/demos/v2/?x-page=v2-doc-home#/demo
  • github地址: https://github.com/airyland/vux
  • 作者的github地址: https://github.com/airyland

vonic

vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用。它也是由个人开发和维护的一套框架

  • 官网网址: https://wangdahoo.github.io/vonic-documents/#/
  • 手册网址: https://wangdahoo.github.io/vonic-documents/#/zh/api?id=mdbutton
  • 演示地址: https://wangdahoo.github.io/vonic/docs/#/home
  • github地址: https://github.com/wangdahoo/vonic
  • 作者的github地址: https://github.com/wangdahoo

naiveui

https://www.naiveui.com/zh-CN/light

个 Vue 3 组件库 比较完整,主题可调,使用 TypeScript

  • 官网网址: www.naiveui.com
  • 手册网址: https://www.naiveui.com/zh-CN/light/components/button
  • github地址: https://github.com/TuSimple/naive-ui
  • 作者的github地址: https://github.com/07akioni

vue前端UI框架收集相关推荐

  1. VUE常用UI组件插件及框架-vue前端UI框架收集

    UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - ...

  2. 2018年流行的vue前端UI框架

    2018年九个很受欢迎的vue前端UI框架 作者: 祈澈菇凉 原文: https://blog.csdn.net/qq_36538012/article/details/82152052 最近在逛各大 ...

  3. vue前端UI框架整理

    整理的vue前端UI框架. PC端: 1.Elementi:一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库. 2.iView:一套基于 Vue.js 的开源 UI 组件库,主 ...

  4. vue 前端ui框架_vue前端框架

    推荐几个vue 前端ui框架 第一名 appwork  演示地址 http://appwork.nicethemes.cn 第二名 color admin 演示地址 http://www.colora ...

  5. vue前端UI框架,一点都不圆润,盘它!

    面对众多vue前端UI框架,看着它们干干巴巴.麻麻赖赖的样子,一点都不圆润,跟我一起盘它! Vue移动端UI框架 1.Vux(star:15620) VUX(读音 [v'ju:z],同 views)是 ...

  6. ant design vue table 高度自适应_很受欢迎的vue前端UI框架

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

  7. 排名前10的vue前端UI框架框架值得你掌握

    https://segmentfault.com/a/1190000015423178?utm_source=tag-newest vue常用ui框架推荐 pc: • element-ui (star ...

  8. 排名前10的vue前端UI框架值得你掌握

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

  9. 8个vue前端UI框架框架值得你掌握

    Element(start-28128) 饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目 iview(start-15674) iview一套基 ...

  10. React前端ui框架收集

    React 是用于构建用户界面的 JavaScript 库,也是现在最主流的前端框架库之一,它是有Facebook出品的MVC框架. 这里我收集了一些当下顶级的基于React框架开发的一些前端UI库. ...

最新文章

  1. 朱晔和你聊Spring系列S1E7:简单好用的Spring Boot Actuator
  2. Java学习笔记27
  3. reflow 和 repaint
  4. 【建议收藏】这个工具专门用于寻找路由器中的安全漏洞
  5. Dubbo标签解析原理
  6. 关于信用管理--信用更新
  7. casperjs ajax请求,Casperjs ajax调用 - waitForResource和解析错误
  8. java enumerator_NSEnumerator使用
  9. 如何开发FineReport的自定义控件?
  10. Maven 模块管理
  11. kpw4换壁纸_发挥全部潜能,Kindle越狱指南
  12. 数据分析英文单词释义Byte,Cube,Dimension,Measures,Cuboid,环比
  13. 什么样的企业要使用360评估?
  14. getch计算机错误,为什么getch()在C中抛出一个错误
  15. 汇编语言基础入门知识
  16. vue使用prop通信出错:Avoid mutating a prop directly since the value will be overwritten whenever the parent
  17. HCIA网工数通Datacom之网工初级
  18. 前沿|PaddlePaddle开源项目DeepNav“无人船”炼成记(二)
  19. ToC产品和ToB产品的区别To C/To B/To G分别是什么
  20. Objects365数据简介及数据转换为XML格式

热门文章

  1. java如何解除文件锁定状态_Eclipse操作SVN时中断锁定,文件的解锁方法
  2. 编程语言:8086汇编中int 16h接收alt+方向键
  3. django+vue实现机器学习代码生成系统(数据清洗、数据探索、机器学习模型构建、模型评估)
  4. java实现pdf黑白化 : pdf转图片、图片黑白化、图片转pdf
  5. 计算机电源怎么设置玩游戏不卡,BIOS怎么找到显卡的设置
  6. 跨平台局域网文件传输工具——Dukto R5
  7. linux合并ts文件吗,UNIX LINUX MACOS shell 下载合并*.ts视频
  8. 嵌入式研发项目管理的方法论
  9. CAN FD解释-简单介绍
  10. steam令牌 未能连接到服务器,连接错误无法连接到steam网络怎么办 steam网络连接错误解决方法【图文】...