Vue Dashboard - Open-Source and Free
This article is a curated list with Vue Dashboards released under permissive licenses (MIT, LGPL), suitable for hobby or commercial projects.
The existing Top 10+ Vue Dashboard .. articles, most of them, are written by the dashboard publishers, or affiliates and sometimes they have this habit of sniffing a lot of commercial apps, in the content without mentioning this aspect in the title.
I’m not saying this is good or bad, but is not obvious if the apps are free or not, just by reading the title. Well, this is not the case here because all admin dashboards listed here are open-source and free.
✨ Vue Material Dashboard 2
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 2 - product page
- 👉 Vue Material Dashboard 2 - LIVE demo
✨ Vue Argon Dashboard
This Free Bootstrap 5 & VueJS 3 Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.
- 👉 Vue Argon Dashboard - product page
- 👉 Vue Argon Dashboard - LIVE demo
✨ Xtreme Vue Admin Lite
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 - product page
- 👉 Xtreme Vue Admin - LIVE demo
If you are looking to build a 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. You can create nice looking applications or product using our Free Vuejs template.
✨ Vue Soft UI Dashboard
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.
- 👉 Vue Soft UI Dashboard - product page
- 👉 Vue Soft UI Dashboard - LIVE demo
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 Notus Tailwind CSS
Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level.
- 👉 Vue Notus Tailwind CSS - product page
- 👉 Vue Notus Tailwind CSS - LIVE Demo
✨ Vue Muse Dashboard
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.
- 👉 Muse Vue Ant Design - product page
- 👉 Muse Vue Ant Design - product page
Vue Ant Design 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.
✨ Vue Dashboard Vuetify
Vuetify Material Dashboard is a beautiful resource built over Vuetify, Vuex, and Vuejs. It will help you get started developing dashboards in no time.
- 👉 Vuetify Material Dashboard — Product page
- 👉 Vuetify Material Dashboard — Live Demo
Vuetify Material Dashboard is the official Vuejs version of the Original Material Dashboard. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vuejs, and Vue Router.
✨ Vue Dashboard White
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.
- 👉 Vue Dashboard White - product page
- 👉 More Vue Dashboards provided by
Creative-Tim
Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.
✨ Vue Dashboard Black
Vue Dashboard Black is a beautiful Bootstrap4 and Vue Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you.
- 👉 Vue Black Dashboard — product page
- 👉 Vue Dashboard Black PRO — more pages and components
This free product combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.
✨ Vue Dashboard Argon
Vue Dashboard Argon is an admin panel designed by Creative-Tim built with over 100 individual components. Using this app, any developer with a piece of minimum Vue.js knowledge can build in a few hours a functional dashboard ready to be deployed in production.
- 👉 Vue Argon Design — the product page
- 👉 Vue Argon Dashboard PRO — more pages and components
✨ Vue Dashboard - Material Lite
Crafted by WrapPixel - You can create high-quality and beautiful-looking interfaces for your web application or product using our MaterialPro Vuejs Admin Lite.
- 👉 Material Lite Vuetify — the product page
- 👉 Material PRO Vuetify — more pages and components
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 create new pages easily.
✨ Vue Dashboard Paper
Vue Dashboard Paper is a beautiful and simple admin panel built over Bootstrap and Vue It will help you get started developing dashboards in no time.
- 👉 Vue Dashboard Paper — product page
- 👉 Vue Dashboard Paper PRO— more pages and components
Vue Paper Dashboard is a Vue ported version of the Original Paper Dashboard. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vue, and Vue-Router.
✨ Star Vue Admin
Star Vue Admin Template is a free admin template based on Bootstrap 4 and Vue.js. The template is built using the framework Bootstrap-Vue. Bootstrap-Vue is a framework that implements the Bootstrap 4 components and grid system available for Vue.js.
- 👉 Vue Star Admin — product page
- 👉 Vue Star Admin PRO — more pages and components
Star Vue Admin Template is a completely responsive and mobile-first admin template that provides a great foundation for your Bootstrap + Vue.js project.
✨ Vue Dashboard CoPilot
CoPilot is a fully responsive admin template that is forked from AdminLTE. The difference here is that this repo is tailored to use with Vue.js. The UI is based on the Bootstrap 3 framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.
✨ Vue Dashboard Shards Lite
Vue Dashboard Shards Lite is a free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components. Shards Dashboard Lite comes packed with templates and dozens of custom components that you can use to kick-start your next app.
- 👉 Vue Dashboard Shards Lite - the official page
- 👉 Vue Dashboard Shards Lite Sources - published on Github
✨ 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.
- 👉 Vue Dashboard ArchitectUI - Github repository
- 👉 Vue Dashboard ArchitectUI - dashboard Live DEMO
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.
Thanks for reading! For more resources, feel free to access:
- ✨ More Free Dashboards crafted in Django, Flask, and React
- ✨ More Admin Dashboards - a huge index with products