Vue Dashboard
Tags: vue, dashboards, appseed
Published: 2019-06-30 17:25:56

---
title: Vue Dashboard
published: true
description: A curated list with Vue Admin Dashboards, released under the MIT license and actively supported by the publishers
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bgs66ype98gfgmel6rsy.jpg
tags: vue, dashboards, appseed
canonical_url: https://dev.to/sm0ke/vue-dashboard-open-source-apps-1gd1
---

Hello Coders, 

This article presents a curated list with open-source and free **Vue Dashboards** released under permissive licenses (MIT LGPL), actively supported by owning companies. For newcomers, **Vue** is a leading JS Framework used to code interactive User Interfaces with speed - Content provided by **[Admin Dashboards](https://www.admin-dashboards.com)**.

---

## [Vue Material Dashboard](https://www.creative-tim.com/product/vue-material-dashboard-2?AFFILIATE=128200)

Vue Material Dashboard 2 is a new Admin Template based on Vue3 & Bootstrap5. If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, and highly customizable, here is your match.

- 👉 [Vue Material Dashboard](https://www.creative-tim.com/product/vue-material-dashboard-2?AFFILIATE=128200) - product page
- 👉 [Vue Material Dashboard](https://demos.creative-tim.com/vue-material-dashboard-2/#/dashboard?AFFILIATE=128200) - LIVE demo

![Vue Material Dashboard - Free Vue template.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/szuqyo94fc46ajn0mf69.png)

--- 

## [Modernize Free Vuetify](https://adminmart.com/product/modernize-free-vuetify-vue-js-admin-dashboard/?ref=1)

This free Vuejs admin template is developer-friendly, highly customizable, and very easy to use. It allows you to create web apps in no time without any hassle.

- 👉 [Modernize Free Vuetify](https://adminmart.com/product/modernize-free-vuetify-vue-js-admin-dashboard/?ref=1) - product page (contains download link)
- 👉 More [Admin Templates](https://adminmart.com/templates/free-admin-templates/?ref=1) provided by AdminMart (all free)

Developing a web app from scratch is a nightmare of every developer while getting a free Vuejs template like this is every developer’s dream.

![Modernize Free Vuetify - Free Vue Dashboard by AdminMart](https://github.com/admin-dashboards/vue-dashboard/assets/51854817/2723cbf7-db1f-4dd8-a130-a6180a14f417)

---

## [Vue Soft UI Dashboard](https://www.creative-tim.com/product/vue-soft-ui-dashboard?AFFILIATE=128200)

Vue Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

- 👉 [Vue Soft UI Dashboard](https://www.creative-tim.com/product/vue-soft-ui-dashboard?AFFILIATE=128200) - product page
- 👉 [Vue Soft UI Dashboard](https://demos.creative-tim.com/vue-soft-ui-dashboard/#/dashboard?AFFILIATE=128200) - LIVE demo 

![Vue Soft UI Dashboard - Free Template.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0381lpi49v9vnwvhkqs.png)  

---

## [Xtreme Vue Admin Lite](https://www.wrappixel.com/templates/xtreme-vuesax-admin-lite/?ref=157)

Xtreme BootstrapVue Admin Lite is easy to use and powerful VueJs admin dashboard template based on Vue CLI, Vuex & BootstrapVue component framework.

- 👉 [Xtreme Vue Admin Lite](https://www.wrappixel.com/templates/xtreme-vuesax-admin-lite/?ref=157) - product page
- 🎁 More [VueJS Templates](https://www.wrappixel.com/templates/category/vuejs-templates/?ref=157) crafted by WrapPixel

If you are looking to build backend admin panel for yourself or your client’s project, Xtreme BootstrapVue Admin Lite is the perfect choice. It comes easy to use features and it is highly customisable. 

![Xtreme Vue Admin Lite - Free Template.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cuixodnqc2m8ijg92pr3.png)  

---  

## [Flexy Vue3](https://www.wrappixel.com/templates/flexy-vuejs-admin-free/?ref=157)

Flexy Vuetify Vue3 Dashboard Lite is a basic yet very useful Vuetify dashboard template for your projects. If you are looking for a modern yet clean admin template for your backend project, Flexy Admin is the right choice.

- 👉 [Flexy Vue Template](https://www.wrappixel.com/templates/flexy-vuejs-admin-free/?ref=157) - product page
- 👉 [Flexy Vue Template](https://flexy-vuejs-free.netlify.app/dashboard) - LIVE demo

![Flexy - Open-source Vue3 template by WrapPixel.](https://user-images.githubusercontent.com/51854817/186126220-ef01d34a-d5a4-40e5-85fa-8260066c9771.png)

---

## [Muse Vue Ant Dashboard](https://www.creative-tim.com/product/muse-vue-ant-design-dashboard?AFFILIATE=128200)

**Muse Vue Ant Design Dashboard** is a beautiful Ant Design Vue admin dashboard with a large number of components, designed to look beautiful and organized. All components can take variations in color, that you can easily modify using SASS files and classes. Using this template designers and developers might save a lot of time going from prototyping to full-functional code because all elements are implemented.

- 👉 [Muse Vue Ant Dashboard](https://bit.ly/3xJ13IH) - product page
- 👉 [Muse Vue Ant Dashboard](https://bit.ly/3xGJlp1) - LIVE Demo

![Muse Vue Ant Design Dashboard - Open-source Vue Dashboard template.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/djpt2np2eva6gy4w6d82.jpg)

---

## [Vue Dashboard Black](https://www.creative-tim.com/product/vue-black-dashboard?AFFILIATE=128200)

**Vue Dashboard Black** is a beautiful Bootstrap4 and **Admin Dashboard** with a generous number of components and a distinct UI. Vue [Black Dashboard](https://appseed.us/ui-kit/black-design/) features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. 
 
- 👉 [Vue Dashboard Black](https://www.creative-tim.com/product/vue-black-dashboard?AFFILIATE=128200) - `product page`
- 👉 [Vue Dashboard Black](https://demos.creative-tim.com/vue-black-dashboard/#/dashboard?AFFILIATE=128200) - `LIVE demo`

![Vue Dashboard Black - App ScreenShot.](https://raw.githubusercontent.com/admin-dashboards/vue-dashboard-black/master/media/vue-dashboard-black-screen.png)

---

## [Vue Dashboard - Tailwind CSS](https://www.creative-tim.com/product/vue-notus?AFFILIATE=128200)

The previous design can be downloaded also in Vue, another popular UI Framework. This Free Tailwind CSS Template is coming with prebuilt examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.

- 👉 [Tailwind Vue Starter](https://www.creative-tim.com/product/vue-notus?AFFILIATE=128200) - `product page`
- 👉 [Tailwind Vue Starter](https://demos.creative-tim.com/vue-notus/#/?AFFILIATE=128200) - `LIVE Demo`

![Tailwind CSS Vue - Free starter provided by Creative-Tim.](https://raw.githubusercontent.com/admin-dashboards/tailwind-css-free-starters/main/media/tailwind-css-vue-notus-free-starter.jpg)

---

## [Vue Dashboard Vuetify](https://www.creative-tim.com/product/vuetify-material-dashboard?AFFILIATE=128200)

Vuetify **Vue Dashboard** is developed exactly according to Material Design spec. Every component is handcrafted to bring you the best possible UI tools to your next great app. The development doesn't stop at the core components outlined in Google's spec. Through the support of community members and sponsors, additional components will be designed and made available for everyone to enjoy.

- 👉 [Vue Vuetify Material](https://www.creative-tim.com/product/vuetify-material-dashboard?AFFILIATE=128200) - `product page`
- 👉 [Vue Vuetify Material](https://demos.creative-tim.com/vuetify-material-dashboard/#/?AFFILIATE=128200) - `LIVE demo`

![Vue Dashboard Vuetify Material - main dashboard screen](https://raw.githubusercontent.com/admin-dashboards/vue-dashboard/master/media/vuetify-material-dashboard-screen.png)

---

## [Vue Dashboard - Argon](https://www.creative-tim.com/product/bootstrap-vue-argon-dashboard?AFFILIATE=128200)

Bootstrap **Vue Argon Dashboard** is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. 

- 👉 [Vue Dashboard Argon](https://www.creative-tim.com/product/bootstrap-vue-argon-dashboard?AFFILIATE=128200) - `product page`
- 👉 [Vue Dashboard Argon](https://demos.creative-tim.com/bootstrap-vue-argon-dashboard/#/dashboard?AFFILIATE=128200) - `LIVE demo`

![Vue Dashboard - Bootstrap Argon, animated presentation.](https://raw.githubusercontent.com/admin-dashboards/vue-dashboard/master/media/vue-dashboard-argon-screen-maps.png)

---

## [Vue Dashboard - Light Bootstrap](https://www.creative-tim.com/product/vue-light-bootstrap-dashboard?AFFILIATE=128200)

**Vue Dashboard** Light Bootstrap is a beautiful resource built over Bootstrap 4 and Vue. It will help you get started developing dashboards in no time. **Vue Dashboard Light Bootstrap** is the official **Vue** version of the Original Light Bootstrap Dashboard. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vue, and Vue-Router.

- 👉 [Vue Light Bootstrap](https://www.creative-tim.com/product/vue-light-bootstrap-dashboard?AFFILIATE=128200) - `product page`
- 👉 [Vue Light Bootstrap](https://demos.creative-tim.com/vue-light-bootstrap-dashboard/#/admin/overview?AFFILIATE=128200) - `LIVE demo`

![Vue Dashboard Light Bootstrap - App ScreenShot.](https://raw.githubusercontent.com/admin-dashboards/vue-dashboard/master/media/vue-light-bootstrap-screen.png)

---

## [Vue Dashboard - White Design](https://bit.ly/2JFjfQj)

**Vue Dashboard White** is a beautiful Bootstrap 4 and Vue.js Admin Dashboard with a huge number of components built to fit together and look amazing. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. Every element has multiple states for colors, styles, hover, focus, that you can easily access and use. 

- ✨ [Vue Dashboard White](https://bit.ly/2JFjfQj) - product page
- ✨ More **[Vue Templates](https://bit.ly/3lkqRV4)** provided by Creative-Tim

![Vue Dashboard White - Free Vuejs Admin Dashboard.](https://raw.githubusercontent.com/admin-dashboards/vue-dashboard-white-design/master/media/vue-dashboard-white-design-screen.png)

---

## [Materio Vuetify Admin Template](https://themeselection.com/products/materio-free-vuetify-vuejs-admin-template/)

A modern VueJS dashboard template crafted and released for free by ThemeSelection. Using this product Your apps are completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.

- ✨ [Materio Vuetify Admin Template](https://themeselection.com/products/materio-free-vuetify-vuejs-admin-template/) - product page
- ✨ [Materio Vuetify Admin Template](https://themeselection.com/demo/materio-vuetify-vuejs-admin-template-free/demo/dashboard) - LIVE Demo

![Materio Vuetify Admin Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yuruhoz87i27ixs7t2k8.png)
 
---

## [Vue Dashboard Paper](https://bit.ly/2IkUsAs)

**Vue Dashboard Paper** is a beautiful and simple admin panel built over Bootstrap and [Vue](https://vuejs.org/) It will help you get started developing **admin dashboards** in no time. Using the Vue Dashboard Paper is pretty simple but requires basic knowledge of Javascript, Vue, and Vue-Router.

- ✨ [Vue Dashboard Paper](https://bit.ly/2IkUsAs) - product page
- ✨ **[Vue Dashboard Paper PRO](https://bit.ly/3mOtSyH)** - more pages and components

![Vue Dashboard Paper - App ScreenShot.](https://raw.githubusercontent.com/app-generator/static/master/admin-dashboards/vue-dashboard-paper-screen.jpg) 

---

## [Vue MaterialPro Lite](https://bit.ly/37zL4Bw)

You can create high-quality and beautiful-looking interfaces for your web application or product using our MaterialPro Vuejs Admin Lite. It comes with Google's Material based design and some great components, which makes your life much easier when you are creating a project. It comes with some nicely designed page templates to help you created new pages easily.

- ✨ [Vue MaterialPro Lite](https://bit.ly/37zL4Bw) - product page
- ✨ **[Vue Dashboard - Material Lite PRO](https://bit.ly/3lR5VFn)** - more pages and components 

![Vue Dashboard - Material Pro Lite, main dashboard screen.](https://raw.githubusercontent.com/admin-dashboards/vue-dashboard-materialpro-lite/master/media/vue-dashboard-materialpro-lite-screen.png)

---

##  Vue Dashboard - ArchitectUI

As a base framework, ArchitectUI Vue is powered by @vue/cli version 3.4.1 and Bootstrap 4 Vue implementation. It contains 15 handpicked Vue widgets and components that are perfectly integrated with each other in order to create a common design language. In order to use this Vue theme, you’ll need at least basic coding skills. Don’t worry, the theme has pretty straightforward coding and uses Vue Router for the navigation links.

- ✨ [Vue Dashboard ArchitectUI](https://github.com/admin-dashboards/vue-dashboard-architectui-free) - Github REPO 
- ✨ [Vue Dashboard ArchitectUI Demo](https://vue-dashboard-architectui-free.admin-dashboards.com/)

![Vue Dashboard ArchitectUI - Open-Source Admin Panel](https://raw.githubusercontent.com/admin-dashboards/static/master/vue-dashboard-architectui-free-screen.png)

---

### Similar posts, from other publishers
 - [Vue.js Admin Dashboards](https://madewithvuejs.com/blog/the-best-vue-js-admin-dashboards) - index provided by **MadeWithVuejs.com**, where more than 50% is commercial content.

---

> **Thanks for reading!** For more resources, feel free to access:

- ✨ More [Free Dashboards](https://appseed.us/admin-dashboards/open-source) crafted in Django, Flask, and [React](https://appseed.us/apps/react)
- ✨ More [Admin Dashboards](https://www.admin-dashboards.com/) - a huge index with products