Vue PC端UI框架

webqmzm 2021-12-01 原文

1. Element

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
中文文档 | github地址

Vue PC端UI框架-青梅煮码

2. iView

一套基于 Vue.js 的高质量UI 组件库
中文文档 | github地址

Vue PC端UI框架-青梅煮码

3. vue-element-admin

vue-element-admin是基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。
中文文档 | github地址

Vue PC端UI框架-青梅煮码

4. Vue Material

通过Vue Material和Vue 2.0建立精美的app应用
中文文档 | github地址

Vue PC端UI框架-青梅煮码

5. VueStrap

基于 Vue.js 构建的 Bootstrap 组件。该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依赖的是:

  • Vue.js (要求版本为 ^0.12,基于 0.12.10 版本做的测试)
  • Bootstrap CSS (需要版本为 3.x.x, 基于 3.3.5 版本做的测试)。 VueStrap 不依赖某个非常精确的 Bootstrap 版本。

在线文档 | github地址

Vue PC端UI框架-青梅煮码

6. Keen UI

由Vue编写的基本UI组件的轻量级集合,并受Material Design的启发。
在线文档 | github地址

Vue PC端UI框架-青梅煮码

7. Radon UI

一个帮助你快速开发产品的Vue组件库,简洁好用,效率高,让你摆脱各种定制化的烦恼。
中文文档 | github地址

Vue PC端UI框架-青梅煮码

8. N3-components

N3组件库是基于Vue.js构建的,让前端工程师和全栈工程师能快速构建页面和应用。致力于构建良好的Vue开发者生态圈,提供良好的开发体验。
在线文档 | github地址

Vue PC端UI框架-青梅煮码

N3-components

9. Muse-UI

基于 Vue 2.0 优雅的 Material Design UI 组件库
中文文档 | github地址

Vue PC端UI框架-青梅煮码

10. Vue Antd

这里是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。
中文文档 | github地址

Vue PC端UI框架-青梅煮码

11. Vuetify

Vuetify是一个渐进式的框架,试图推动前端开发发展到一个新的水平。Vuetify 支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准HTML页面。
中文文档 | github地址

Vue PC端UI框架-青梅煮码

12. Buefy

Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件,它提供了即装即用的轻量级组件。
在线文档 | github地址

Vue PC端UI框架-青梅煮码

13. Vue Beauty

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

Vue PC端UI框架-青梅煮码

14. AT UI

AT UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品。AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。小编非常喜欢的UI风格。
中文文档 | github地址

Vue PC端UI框架-青梅煮码

15. Vue-Blu

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

Vue PC端UI框架-青梅煮码

16. D2Admin

D2Admin是一个完全 开源免费 的企业中后台产品前端集成方案,使用最新的前端技术栈,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。特别感谢 tanyf 的贡献。
中文文档 | github地址 | 预览地址

Vue PC端UI框架-青梅煮码

17. Best Resume Ever

Best Resume Ever 是一个帮助你快速生成漂亮简历的工具,它基于 Vue 和 LESS,生成的简历可导出为 PDF 格式。
中文文档 | github地址 | 预览地址

Vue PC端UI框架-青梅煮码

18. Quasar

Quasar(发音为/kweɪ.zɑɹ/)是MIT许可的开源框架(基于Vue),允许开发人员编写一次代码,然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序,并提供精心编写,速度非常快的Quasar Web组件。
中文文档 | github地址

Vue PC端UI框架-青梅煮码

19. Vue Baidu Map

Vue Baidu Map是基于Vue 2.x的百度地图组件。
中文文档 | github地址 | 在线预览

Vue PC端UI框架-青梅煮码

版权声明:本文为webqmzm原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/webqmzm/p/13263934.html

Vue PC端UI框架的更多相关文章

  1. vue 父子组件与全局数据传递共享

      一,组件间数据传递  实际工作中会遇到一些复用程度高的功能,自己会封装小组件全局调用,在组件中通过自定义p […]...

  2. vue.js 中的生命周期

    什么是生命周期 从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期! 生命 […]...

  3. ElementUI Tree控件在懒加载模式下的重新加载和模糊查询

    之所以使用懒加载是提高性能,而且只有在懒加载模式下默认会给所有显示节点设置展开按钮。leaf也可以做到,但是要 […]...

  4. 在vue中使用elementUI饿了么框架使用el-tabs,切换Tab如何实现实时加载,以及el-table表格使用总结

    当我们在开发中遇到tab切换,这时候用el的el-tabs感觉很方便 但当我在把代码都写完后,发现一个问题就是 […]...

  5. 在vue中使用echarts图表

    转载请注明出处:https://www.cnblogs.com/wenjunwei/p/9815290.htm […]...

  6. sessionStorage的使用方法

    本篇是关于sessionStorage的使用方法的介绍,简单几行代码,实现sessionStorage,请大家 […]...

  7. Vue数据双向绑定原理

    Vue数据双向绑定原理 先看效果图 //代码: <div id="app"> <input […]...

  8. vue 自动化路由实现

    1.需求描述 在写vue的项目中,一般情况下我们每添加一个新页面都得添加一个新路由。为此我们在项目中会专门的一 […]...

随机推荐

  1. iBeacon怎样工作

    原文地址 iBeacons iBeacons近期是一个趋势的话题,它们同意室内定位,让你的电话知道你在基站的范 […]...

  2. Bootstrap框架及常用

    Bootstrap:基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 B […]...

  3. 电子科技大学《图论及其应用》复习总结–第四章 欧拉图与哈密尔顿图

    第四章 欧拉图与哈密尔顿图 (一)、欧拉图及其性质 (1)、问题背景—欧拉与哥尼斯堡七桥问题 问题 […]...

  4. CentOS8中Docker安装及部署

    Docker安装: DockerHub安装教程中要求必须为CentOS7维护版本,不支持或未测试存档版本。 经 […]...

  5. ASPXspy2.aspx

    ASPXspy2.aspx <%@ Page Language=”C#” Deb […]...

  6. 抽象方法(abstract)

    抽象方法:父类当中的方法,不确定如何进行 {} 方法体实现,那么这就是一个抽象方法 例如:动物类:叫{}    […]...

  7. linux常用命令(50个) linux常用命令(50个)

    1. find 基本语法参数如下: find [PATH] [option] [action] # 与时间有关 […]...

  8. nodejs+express+mysql实现restful风格的增删改查示例

    nodejs+express+mysql实现restful风格的增删改查示例 首先,放上项目github地址: […]...

展开目录

目录导航