Vue 控制面板
由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!
各位程序员朋友们,大家好!
本文精选了一系列开源且免费的Vue 仪表盘,这些仪表盘均采用宽松的许可证(MIT LGPL)发布,并由其所属公司积极维护。对于新手而言,Vue是一个领先的 JS 框架,用于快速编写交互式用户界面。
感谢阅读! - 内容由App Generator提供。
Vue Soft UI 控制面板
Vue Soft UI Dashboard 内置超过 70 个前端独立元素,例如按钮、输入框、导航栏、导航标签、卡片和提示框,您可以自由选择和组合。所有组件均可自定义颜色,您可以使用 SASS 文件和类轻松修改。由于所有元素均已实现,因此您可以节省大量从原型设计到最终功能代码的时间。
- 👉 Vue Soft UI 控制面板- 产品页面
- 👉 Vue Soft UI 控制面板- 在线演示
Vue Material 仪表盘
Vue Material Dashboard 2 是一款基于 Vue3 和 Bootstrap5 的全新后台管理模板。如果您是一位开发者,正在寻找一款对开发者友好、功能丰富且高度可定制的后台管理面板,那么 Vue Material Dashboard 2 正是您的理想之选。
- 👉 Vue Material 控制面板- 产品页面
- 👉 Vue Material 控制面板- 在线演示
Muse Vue Ant 仪表盘
Muse Vue Ant Design Dashboard是一款精美的 Ant Design Vue 管理后台模板,包含大量组件,设计美观且布局清晰。所有组件均可自定义颜色,您可以使用 SASS 文件和类轻松修改颜色。使用此模板,设计师和开发者可以节省大量从原型设计到最终代码实现的时间,因为所有元素都已实现。
- 👉 Muse Vue Ant 控制面板- 产品页面
- 👉 Muse Vue Ant 控制面板- 在线演示
现代化免费 Vuetify
这款免费的 Vue.js 后台管理模板对开发者非常友好,高度可定制,而且非常易于使用。它能让您轻松快捷地创建 Web 应用程序。
- 👉 Vuetify 免费版现代化改造- 产品页面(包含下载链接)
- 👉 AdminMart 提供更多后台管理模板(全部免费)
从零开始开发一个 Web 应用程序是每个开发者的噩梦,而获得像这样的免费 Vuejs 模板则是每个开发者的梦想。
Xtreme Vue Admin Lite
Xtreme BootstrapVue Admin Lite 是一款易于使用且功能强大的 VueJs 管理后台模板,基于 Vue CLI、Vuex 和 BootstrapVue 组件框架。
- 👉 Xtreme Vue Admin Lite - 产品页面
- 🎁 WrapPixel 精心打造的更多VueJS 模板
如果您正在寻找一款能够为自己或客户项目构建后端管理面板的工具,Xtreme BootstrapVue Admin Lite 是您的理想之选。它功能易用,并且高度可定制。
Flexy Vue3
Flexy Vuetify Vue3 Dashboard Lite 是一款基础但非常实用的 Vuetify 后台管理模板,适用于您的项目。如果您正在寻找一款现代而简洁的后端项目管理模板,Flexy Admin 是您的理想之选。
- 👉 Flexy Vue 模板- 产品页面
- 👉 Flexy Vue 模板- 在线演示
Vue 仪表盘黑色
Vue Dashboard Black是一款精美的 Bootstrap4管理后台,拥有丰富的组件和独特的用户界面。Vue Dashboard Black包含超过 16 个独立组件,让您可以自由选择和组合。这意味着您可以创造出数千种可能的组合。
- 👉 Vue 控制面板黑色版-
product page - 👉 Vue 控制面板黑色版-
LIVE demo
Vue 控制面板 - Tailwind CSS
之前的设计也可以使用 Vue(另一个流行的 UI 框架)进行下载。这款免费的 Tailwind CSS 模板带有预置示例,因此开发过程非常流畅,从我们的页面切换到实际网站也非常容易。
- 👉 Tailwind Vue 入门指南-
product page - 👉 Tailwind Vue 入门指南-
LIVE Demo
Vue 控制面板 Vuetify
Vuetify Vue Dashboard完全按照 Material Design 规范开发。每个组件都经过精心打造,旨在为您的下一款优秀应用提供最佳的 UI 工具。开发工作并未止步于 Google 规范中概述的核心组件。在社区成员和赞助商的支持下,我们将设计并发布更多组件,供所有人使用。
- 👉 Vue Vuetify Material -
product page - 👉 Vue Vuetify Material -
LIVE demo
Vue 控制面板 - Argon
Bootstrap Vue Argon Dashboard由 100 多个独立组件构成,您可以自由选择和组合。所有组件均可自定义颜色,您可以使用 SASS 文件轻松修改。由于所有元素均已实现,因此您可以节省大量从原型设计到最终功能代码的时间。
- 👉 Vue Dashboard Argon -
product page - 👉 Vue Dashboard Argon -
LIVE demo
Vue 仪表盘 - 轻量级 Bootstrap
Vue Dashboard Light Bootstrap 是一个基于 Bootstrap 4 和 Vue 构建的精美资源。它能帮助您快速上手开发仪表盘。Vue Dashboard Light Bootstrap是 Original Light Bootstrap Dashboard 的官方Vue版本。使用该仪表盘非常简单,但需要具备 JavaScript、Vue 和 Vue-Router 的基础知识。
- 👉 Vue Light Bootstrap -
product page - 👉 Vue Light Bootstrap -
LIVE demo
Vue 控制面板 - 白色设计
Vue Dashboard White是一款基于 Bootstrap 4 和 Vue.js 的精美后台管理面板,包含大量组件,这些组件完美契合,外观惊艳。由于所有元素均已实现,您可以节省大量从原型设计到最终代码实现的时间。每个元素都拥有多种状态,例如颜色、样式、悬停和聚焦状态,方便您轻松访问和使用。
- ✨ Vue Dashboard 白色- 产品页面
- ✨ Creative-Tim 提供更多Vue 模板
Materio Vuetify 管理模板
ThemeSelection 精心打造并免费发布了一款现代化的 VueJS 控制面板模板。使用此产品,您的应用将拥有完全的响应式设计,确保在台式机、平板电脑和移动设备上都能呈现惊艳的外观并完美运行。
- ✨ Materio Vuetify 后台管理模板- 产品页面
- ✨ Materio Vuetify 后台管理模板- 在线演示
Vue仪表盘纸
Vue Dashboard Paper是一个美观简洁的后台管理面板,基于 Bootstrap 和Vue构建。它可以帮助您快速上手开发后台管理面板。使用 Vue Dashboard Paper 非常简单,但需要具备 JavaScript、Vue 和 Vue-Router 的基础知识。
- ✨ Vue 控制面板纸质版- 产品页面
- ✨ Vue Dashboard Paper PRO - 更多页面和组件
Vue MaterialPro Lite
使用我们的 MaterialPro Vuejs Admin Lite,您可以为您的 Web 应用程序或产品创建高质量且美观的界面。它基于 Google 的 Material Design 设计语言,并包含一些强大的组件,让您的项目创建过程更加轻松便捷。此外,它还提供了一些设计精美的页面模板,帮助您轻松创建新页面。
- ✨ Vue MaterialPro Lite - 产品页面
- ✨ Vue 控制面板 - Material Lite PRO - 更多页面和组件
Vue 控制面板 - ArchitectUI
ArchitectUI Vue 以@vue /cli 3.4.1 版本和 Bootstrap 4 Vue实现为基础框架。它包含 15 个精心挑选的 Vue 小部件和组件,这些组件彼此完美集成,共同构建了统一的设计语言。要使用此 Vue 主题,您至少需要具备基本的编码技能。不用担心,该主题的代码非常简洁明了,并使用 Vue Router 处理导航链接。
- ✨ Vue Dashboard ArchitectUI - Github 仓库
- ✨ Vue 仪表盘架构 UI 演示
✅ 资源
- 👉 更多Vue 模板- 持续维护并有版本更新
- 👉使用应用生成器服务生成应用和服务
- 👉 学习如何使用人工智能和现代技术构建应用程序和服务。















