发布于 2026-01-05 2 阅读
0

Vue Dashboard DEV 的全球展示挑战赛由 Mux 呈现:展示你的项目!

Vue 控制面板

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

各位程序员朋友们,大家好!

本文精选了一系列开源且免费的Vue 仪表盘,这些仪表盘均采用宽松的许可证(MIT LGPL)发布,并由其所属公司积极维护。对于新手而言,Vue是一个领先的 JS 框架,用于快速编写交互式用户界面。

感谢阅读! - 内容由App Generator提供


Vue Soft UI 控制面板

Vue Soft UI Dashboard 内置超过 70 个前端独立元素,例如按钮、输入框、导航栏、导航标签、卡片和提示框,您可以自由选择和组合。所有组件均可自定义颜色,您可以使用 SASS 文件和类轻松修改。由于所有元素均已实现,因此您可以节省大量从原型设计到最终功能代码的时间。

Vue Soft UI 控制面板 - 免费模板。


Vue Material 仪表盘

Vue Material Dashboard 2 是一款基于 Vue3 和 Bootstrap5 的全新后台管理模板。如果您是一位开发者,正在寻找一款对开发者友好、功能丰富且高度可定制的后台管理面板,那么 Vue Material Dashboard 2 正是您的理想之选。

Vue Material Dashboard - 免费 Vue 模板。


Muse Vue Ant 仪表盘

Muse Vue Ant Design Dashboard是一款精美的 Ant Design Vue 管理后台模板,包含大量组件,设计美观且布局清晰。所有组件均可自定义颜色,您可以使用 SASS 文件和类轻松修改颜色。使用此模板,设计师和开发者可以节省大量从原型设计到最终代码实现的时间,因为所有元素都已实现。

Muse Vue Ant 设计仪表盘 - 开源 Vue 仪表盘模板。


现代化免费 Vuetify

这款免费的 Vue.js 后台管理模板对开发者非常友好,高度可定制,而且非常易于使用。它能让您轻松快捷地创建 Web 应用程序。

从零开始开发一个 Web 应用程序是每个开发者的噩梦,而获得像这样的免费 Vuejs 模板则是每个开发者的梦想。

现代化免费 Vuetify - AdminMart 出品的免费 Vue 控制面板


Xtreme Vue Admin Lite

Xtreme BootstrapVue Admin Lite 是一款易于使用且功能强大的 VueJs 管理后台模板,基于 Vue CLI、Vuex 和 BootstrapVue 组件框架。

如果您正在寻找一款能够为自己或客户项目构建后端管理面板的工具,Xtreme BootstrapVue Admin Lite 是您的理想之选。它功能易用,并且高度可定制。

Xtreme Vue Admin Lite - 免费模板。


Flexy Vue3

Flexy Vuetify Vue3 Dashboard Lite 是一款基础但非常实用的 Vuetify 后台管理模板,适用于您的项目。如果您正在寻找一款现代而简洁的后端项目管理模板,Flexy Admin 是您的理想之选。

Flexy - 由 WrapPixel 开发的开源 Vue3 模板。


Vue 仪表盘黑色

Vue Dashboard Black是一款精美的 Bootstrap4管理后台,拥有丰富的组件和独特的用户界面。Vue Dashboard Black包含超过 16 个独立组件,让您可以自由选择和组合。这意味着您可以创造出数千种可能的组合。

Vue Dashboard Black - 应用屏幕截图。


Vue 控制面板 - Tailwind CSS

之前的设计也可以使用 Vue(另一个流行的 UI 框架)进行下载。这款免费的 Tailwind CSS 模板带有预置示例,因此开发过程非常流畅,从我们的页面切换到实际网站也非常容易。

Tailwind CSS Vue - 由 Creative-Tim 提供的免费入门套件。


Vue 控制面板 Vuetify

Vuetify Vue Dashboard完全按照 Material Design 规范开发。每个组件都经过精心打造,旨在为您的下一款优秀应用提供最佳的 UI 工具。开发工作并未止步于 Google 规范中概述的核心组件。在社区成员和赞助商的支持下,我们将设计并发布更多组件,供所有人使用。

Vue 控制面板 Vuetify Material - 主控制面板屏幕


Vue 控制面板 - Argon

Bootstrap Vue Argon Dashboard由 100 多个独立组件构成,您可以自由选择和组合。所有组件均可自定义颜色,您可以使用 SASS 文件轻松修改。由于所有元素均已实现,因此您可以节省大量从原型设计到最终功能代码的时间。

Vue 仪表盘 - Bootstrap Argon,动画演示。


Vue 仪表盘 - 轻量级 Bootstrap

Vue Dashboard Light Bootstrap 是一个基于 Bootstrap 4 和 Vue 构建的精美资源。它能帮助您快速上手开发仪表盘。Vue Dashboard Light Bootstrap是 Original Light Bootstrap Dashboard 的官方Vue版本。使用该仪表盘非常简单,但需要具备 JavaScript、Vue 和 Vue-Router 的基础知识。

Vue Dashboard Light Bootstrap - 应用截图。


Vue 控制面板 - 白色设计

Vue Dashboard White是一款基于 Bootstrap 4 和 Vue.js 的精美后台管理面板,包含大量组件,这些组件完美契合,外观惊艳。由于所有元素均已实现,您可以节省大量从原型设计到最终代码实现的时间。每个元素都拥有多种状态,例如颜色、样式、悬停和聚焦状态,方便您轻松访问和使用。

Vue Dashboard White - 免费的 Vuejs 管理后台。


Materio Vuetify 管理模板

ThemeSelection 精心打造并免费发布了一款现代化的 VueJS 控制面板模板。使用此产品,您的应用将拥有完全的响应式设计,确保在台式机、平板电脑和移动设备上都能呈现惊艳的外观并完美运行。

Materio Vuetify 管理模板


Vue仪表盘纸

Vue Dashboard Paper是一个美观简洁的后台管理面板,基于 Bootstrap 和Vue构建。它可以帮助您快速上手开发后台管理面板。使用 Vue Dashboard Paper 非常简单,但需要具备 JavaScript、Vue 和 Vue-Router 的基础知识。

Vue 控制面板文档 - 应用屏幕截图。


Vue MaterialPro Lite

使用我们的 MaterialPro Vuejs Admin Lite,您可以为您的 Web 应用程序或产品创建高质量且美观的界面。它基于 Google 的 Material Design 设计语言,并包含一些强大的组件,让您的项目创建过程更加轻松便捷。此外,它还提供了一些设计精美的页面模板,帮助您轻松创建新页面。

Vue 控制面板 - Material Pro Lite,主控制面板屏幕。


Vue 控制面板 - ArchitectUI

ArchitectUI Vue 以@vue /cli 3.4.1 版本和 Bootstrap 4 Vue实现为基础框架。它包含 15 个精心挑选的 Vue 小部件和组件,这些组件彼此完美集成,共同构建了统一的设计语言。要使用此 Vue 主题,您至少需要具备基本的编码技能。不用担心,该主题的代码非常简洁明了,并使用 Vue Router 处理导航链接。

Vue Dashboard ArchitectUI - 开源管理面板


✅ 资源

文章来源:https://dev.to/sm0ke/vue-dashboard-open-source-apps-1gd1