思享工具箱

22种开源Vue模板和主题框架「干货」

摘要：
前言在Internet上搜索模板和主题时，很难找到免费的Vue资源。即使您不在乎质量，它们似乎也很难被发现，并出于好奇而感动，我花了数小时在Google和Github上四处挖掘，结果得到了收集22种开源Vue模板和主题框架集合。开箱即用的高质量Vue组件。它基于Vue.js并使用UIToolkitiView。rel=nofollowVueQRcodeReader是一组用于检测和解码QR码的VueJS组件。如果您是VueJS框架的粉丝，那么这里可能是受到启发的地方。展示包括基于VueJS的主题，元素，仪表板等。
前言

在Internet上搜索模板和主题时，很难找到免费的Vue资源。

即使您不在乎质量，它们似乎也很难被发现，并出于好奇而感动，我花了数小时在Google和Github上四处挖掘，结果得到了收集22种开源Vue模板和主题框架集合。我不会对此打赌，但是它们也是高质量的资源。

Bootstrap Vue
收集22种开源Vue模板和主题框架「干货」

现场演示：https://bootstrap-vue.org/

github：https://github.com/bootstrap-vue/bootstrap-vue

BootstrapVue拥有85个以上的组件，45个以上的可用插件，多个指令和670+个图标， 它提供了可用于Vue.js v2.6的Bootstrap v4.5组件和网格系统的最全面的实现之一 ，并具有广泛的功能和自动 WAI-ARIA 可访问性标记。

vue & nuxt 博客网站
收集22种开源Vue模板和主题框架「干货」

现场演示：https://surmon.me/
Github: https://github.com/surmon-china/surmon.me

使用vue & nuxt 搭建建立的非常有风味独特的博客网站。

Vue后台UI框架 - Buefy
收集22种开源Vue模板和主题框架「干货」

现场演示：https://buefy.org/

Github: https://github.com/buefy/buefy/

Buefy是基于Bulma框架和设计的Vue.js响应式UI组件的轻量级库

特征

  • 轻松保留当前的布尔玛主题/变量
  • 支持Material Design图标和FontAwesome
  • 非常轻巧，除了Vue＆Bulma之外没有任何内部依赖性
  • 大约88KB min + gzip（包括布尔玛）
  • 语义代码输出
  • 遵循布尔玛设计和一些Material Design UX
  • 专注于可用性和性能，而无需过度动画的东西
vue后台UI框架 - ant-design-vue
收集22种开源Vue模板和主题框架「干货」

现场演示：https://vue.ant.design
Github: https://github.com/vueComponent/ant-design-vue

这里是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。

特性

  • 提炼自企业级中后台产品的交互语言和视觉风格。
  • 开箱即用的高质量 Vue 组件。
  • 共享Ant Design of React设计工具体系。
Vue后台UI框架 - vuetifyjs
收集22种开源Vue模板和主题框架「干货」

现场演示：官网:vuetifyjs.com
Github：https://github.com/vuetifyjs/vuetify

Vuetify是一个 Vue UI 库，包含手工制作的精美材料组件。不需要设计技能 - 创建令人惊叹的应用程序所需的一切都触手可及。

vue后台UI框架 - iview
收集22种开源Vue模板和主题框架「干货」

iview官网：https://www.iviewui.com/
Github：https://github.com/iview/iview
官方后台示例：iview-admin：https://github.com/iview/iview-admin

iView Admin是一个前端管理后台集成解决方案。它基于Vue.js并使用UI Toolkit iView。

饿了么出品的UI框架 - element-ui
收集22种开源Vue模板和主题框架「干货」

Vue：http://element-cn.eleme.io/2.0/#/zh-CN/component/quickstart
React：https://eleme.github.io/element-react/#/zh-CN/quick-start
Angular：https://element-angular.faas.ele.me/guide/start

基于Vue2.0和bulma0.2的后台管理框架 - vue-admin
收集22种开源Vue模板和主题框架「干货」

Github：https://github.com/vue-bulma/vue-admin

cd vue-admin
npm install
npm run dev

人人开源 / renren-fast-vue
收集22种开源Vue模板和主题框架「干货」

现场演示：http://demo.open.renren.io/renren-fast (账号密码：admin/admin)

Gitee：https://gitee.com/renrenio/renren-fast-vue

renren-fast-vue基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案

  • 前后端分离，通过token进行数据交互，可独立部署
  • 主题定制，通过scss变量统一一站式定制
  • 动态菜单，通过菜单管理统一管理访问路由
  • 数据切换，通过mock配置对接口数据／mock模拟数据进行切换
  • 发布时，可动态配置CDN静态资源／切换新旧版本
若依 / RuoYi-Vue
收集22种开源Vue模板和主题框架「干货」

演示地址：http://vue.ruoyi.vip
文档地址：http://doc.ruoyi.vip

RuoYi-Vue基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统

  • 前端采用Vue、Element UI。
  • 后端采用Spring Boot、Spring Security、Redis & Jwt。
  • 权限认证使用Jwt，支持多终端认证系统。
  • 支持加载动态权限菜单，多方式轻松权限控制。
  • 高效率开发，使用代码生成器可以一键生成前后端代码。
  • 提供了一个Oracle版本RuoYi-Vue-Oracle，保持同步更新。
  • 感谢Vue-Element-Admin，eladmin-web。
  • 不分离版本，请移步RuoYi，微服务版本，请移步RuoYi-Cloud
Vue White Dashboard
收集22种开源Vue模板和主题框架「干货」

现场演示：https://demos.creative-tim.com/vue-white-dashboard/?ref=devto

地址：https://www.creative-tim.com/product/vue-white-dashboard?ref=devto

Vue White Dashboard是一个免费的开源Bootstrap 4和Vue.js Admin仪表板，其中包含大量的组件，这些组件可以组合在一起并看起来非常漂亮。Vue White仪表板具有16个以上的独立组件，可让您自由选择和组合。这意味着有成千上万种可能的组合。所有组件的颜色都可能不同，您可以使用SASS文件轻松进行修改。

Vue QRcode Reader
收集22种开源Vue模板和主题框架「干货」

现场演示：https://gruhn.github.io/vue-qrcode-reader/?rel=nofollow

github：https://github.com/gruhn/vue-qrcode-reader?rel=nofollow

Vue QRcode Reader是一组用于检测和解码QR码的VueJS组件。它使您无需离开浏览器即可检测和解码QR码。所有组件都具有响应能力。除此之外，它接近零样式，因此您可以使它们适合您的布局。使用方法简单明了。

VueJS Expo
收集22种开源Vue模板和主题框架「干货」

现场演示：https://vuejsexpo.com/?ref=devto

VueJS Expo 使用Vue.js框架收集了许多精美的网站，应用程序和实验。如果您是VueJS框架的粉丝，那么这里可能是受到启发的地方。展示包括基于VueJS的主题，元素，仪表板等。

Vue Paper Dashboard PRO
收集22种开源Vue模板和主题框架「干货」

现场演示：https://demos.creative-tim.com/bs3/vue-paper-dashboard-pro/#/admin/overview?ref=devto

地址：https://www.creative-tim.com/product/vue-material-dashboard-pro?ref=devto

Vue Paper Dashboard PRO是建立在Bootstrap和Vue之上的漂亮资源。它将帮助您立即开始开发仪表板。Vue Paper Dashboard Pro是 Original Paper Dashboard Pro的VueJS移植版本。使用仪表板非常简单，但是需要具备Javascript，Vue和Vue-Router的基础知识。

Vue-Color
收集22种开源Vue模板和主题框架「干货」

现场演示：http://vue-color.surge.sh/?rel=nofollow

Github：https://github.com/xiaokaike/vue-color?rel=nofollow

Vue-Color是来自Sketch，Photoshop，Chrome，Github，Twitter，Material Design等众多酷炫色彩选择器的集合。

Vue-Koel
收集22种开源Vue模板和主题框架「干货」

现场演示：https://koel.dev/?rel=nofollow

Github：https://github.com/koel/koel?rel=nofollow

Koel是一种简单的基于Web的个人音频流服务，在客户端用Vue编写，在服务器端用Laravel编写。针对Web开发人员，Koel采用了一些更现代的Web技术-CSS网格，音频和拖放API等来完成其工作。

Vue Argon Dashboard
收集22种开源Vue模板和主题框架「干货」

现场演示：https://demos.creative-tim.com/vue-argon-dashboard/?ref=devto

地址：https://www.creative-tim.com/product/vue-argon-dashboard?ref=devto

Vue Argon Dashboard是Bootstrap 4和Vue.js的仪表板。它是开源的，免费的，并且具有许多组件，可以帮助您创建出色的网站。Vue Argon仪表板内置了100多个单独的组件，因此您可以选择和组合。由于实现了所有元素，因此从原型制作到功能齐全的代码，您将节省大量时间。该仪表板附带了预先构建的示例，因此开发过程是无缝的，从我们的页面切换到真实的网站非常容易。

Pagekit
收集22种开源Vue模板和主题框架「干货」

现场演示：https://pagekit.com/?rel=nofollow

github：https://github.com/pagekit/pagekit?rel=nofollow

Pagekit是使用Symfony组件和VueJS构建的模块化，轻量级CMS。不管是个人博客还是公司网站，使用Pagekit都可以为Web创建功能强大的内容，使其在每种设备上都能完美运行。它具有干净直观的界面。它也有一个很棒的内置市场。

Vue Material Dashboard PRO
收集22种开源Vue模板和主题框架「干货」

现场演示：https://demos.creative-tim.com/vue-material-dashboard-pro/?ref=devto#/dashboard

地址：https://www.creative-tim.com/product/vue-material-dashboard-pro?ref=devto

Vue Material Dashboard PRO是基于Vue Material和VueJS构建的超棒高级管理模板。它是通过考虑您在仪表板中实际需要的东西而创建的。Vue Material Dashboard PRO包含精选和优化的VueJS插件。一切都旨在相互配合。使用仪表板非常简单，但是需要具备Javascript，VueJS和Vue Router的基础知识。

Vue Material Kit
收集22种开源Vue模板和主题框架「干货」

现场演示：https://demos.creative-tim.com/vue-material-kit/?ref=devto#/

地址：https://www.creative-tim.com/product/vue-material-kit?ref=devto

Vue Material Kit是基于Vue Material和VueJS构建的惊人的免费开源资源。这将帮助您立即开始开发UI Kit。Vue材料工具包是原始材料工具包的官方VueJS版本。使用UI Kit非常简单，但是需要Javascript，VueJS和Vue Router的基础知识。

Retrospectify
收集22种开源Vue模板和主题框架「干货」

现场演示：http://pepf.nl/retrospective/?rel=nofollow

github ：https://www.creative-tim.com/product/vue-material-kit?ref=devto

Retrospectify是用Vue编写的出色工具，用于数字化敏捷团队回顾。当与远程团队进行回顾时，或者当您希望随时间跟踪回顾结果时，这将很有用。它具有三种注释类型，您可以在注释周围移动或将点添加到各个注释中。

Code Notes
收集22种开源Vue模板和主题框架「干货」

现场演示：https://lauthieb.github.io/code-notes/?rel=nofollow

github ：https://github.com/lauthieb/code-notes?rel=nofollow


22种开源Vue模板和主题框架「干货」第23张22种开源Vue模板和主题框架「干货」第24张文章就分享到这，欢迎关注“前端大神之路”22种开源Vue模板和主题框架「干货」第24张

22种开源Vue模板和主题框架「干货」第26张

标签：#vue#dashboard#前端组件#开放源代码#框架#material | 浏览：1180 | 发布日期：

免责声明：文章转载自《22种开源Vue模板和主题框架「干货」》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇IIS用命令行重启其中一个具体的站点服务区分斜杠与反斜杠下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

Blazor带我重玩前端(五)

概述 本文主要讨论Blazor事件内容，由于blazor事件部分很多，所以会分成上下两篇，本文为第一篇，后续会有第二篇。 我们可以视组件是一个类，我们先看一下前文所说的Index.Razor页面生成的C#代码。 在此，先补充一下该页面的原始代码： 1: @page "/" 2: @layout MyLayout 3: <h1...

# Vue 使用树形穿梭框

Vue 使用树形穿梭框 Vue 项目里面需要一个树形的穿梭框，但是 elementUI 和 ant-d 组件库的穿梭框组件效果都不是很好，因为源列表和目标列表都是需要树形结构的，所以说这个就很难搞，但是也不怕，因为大佬太多了，有插件可以提供给我们使用，接下来介绍一下这个插件。 树形穿梭框插件 el-tree-transfer 这个插件很好的实现了vue项...

五大好用的开源MySQL管理工具推荐

众所周知，对于数据库管理工作者（DBA）来说，保持数据正常运行在最佳状态需要具备敏捷、专注、冷静和快速的反应能力。因为数据库几乎是所有应用程序成功运行的核心，由于DBA负责组织数据，因此寻找可靠的工具帮助简化数据库管理流程并简化日常维护任务是必要的。下面是小编整理的五个好用的开源MySQL管理工具，可以改善MySQL环境中的CLI和Web管理，SQL查询，...

基于vue的颜色选择器vue-color-picker

项目中有用到颜色选择器的童鞋们可以看过来了 关于color-picker的jquery的插件是有蛮多，不过vue组件没有吧，反正我没有找到， 虽然element-ui里面有这个，但是你愿意为了一个小功能去引入这么大的依赖库吗？ 适用于：想写基于vue的单个color-picker功能的童鞋 甩github地址啦：https://github.com/ale...

uniapp、vue，vuex中state改变，getters不动态改变的完美解决方案！

//想必各位朋友一定经历着，改变state，getters却不改变的痛苦，接下来博主给出解决方案； //方案很简单,第一步，改变state时，如改变state中的cart属性时，引入vue，使用vue set添加未定义的flag，如下： import Vue from 'vue'； //一定要引入vue，接下来要使用 //mutations Ad...

安装RF框架(基于Python)

1、安装Python， 下载地址【https://www.python.org/ftp/python/2.7.13/python-2.7.13.amd64.msi】 系统环境配置上，配置好环境，路径是安装的路径 测试是否安装好，以管理员身份运行cmd，输入python 2、安装pip cmd:get-pip.py  好像不用安装 3、安装CMD执行【p...

最新文章

随机推荐

思享工具箱导航