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

最新推荐文章于 2024-08-14 09:11:14 发布

2401_84092398

最新推荐文章于 2024-08-14 09:11:14 发布

阅读量1.3k

点赞数 3

分类专栏：程序员文章标签：开源 vue.js 前端

本文链接：https://blog.csdn.net/2401_84092398/article/details/138628844

版权

程序员专栏收录该内容

284 篇文章 0 订阅

订阅专栏

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

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

Vue后台UI框架 - Buefy

现场演示：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

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

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

特性

提炼自企业级中后台产品的交互语言和视觉风格。
开箱即用的高质量 Vue 组件。
共享Ant Design of React设计工具体系。

Vue后台UI框架 - vuetifyjs

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

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

vue后台UI框架 - iview

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

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

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

cd vue-admin
npm install
npm run dev

人人开源 / renren-fast-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

演示地址：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

现场演示： 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

现场演示： 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

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

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

Vue Paper Dashboard PRO

现场演示： 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的基础知识。