Hello audience,
This article is a curated list of admin dashboards coded in Vue released under a permissive license ( MIT, Apache ), suitable for hobby or commercial projects.
The Motivation for writing this article
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 mention 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.
PROMO - Black Friday 90%OFF offer by Creative-Tim
15 UI Kits and Dashboards, Designer Files and 6 - 18 Months Support
ONLY $99 - See offer (limited to 200 sales)
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. Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.
Dashboard Links
- Vue Dashboard White - product page
- Vue Dashboard White - Live DEMO
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. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.individual components.
- Vue Dashboard Black - the official page
- Vue Dashboard Black Demo - something to click on fast
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 Dashboard Argon - the official page
- Vue Dashboard Argon Demo - LIVE deployment
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. 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 Dashboard Links
- Vue Dashboard - Material Lite, the product page
- Vue Dashboard - Material Lite - LIVE Demo
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 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.
- Vue Dashboard Paper - the official page
- Vue Dashboard Paper Demo - LIVE deploy
The app is well organized, and the source code is clean and well documented. Vue Dashboard Paper was successfully built on two environments (x64 Win10, and Ubuntu 18.04) without issues or workarounds.
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. Star Vue Admin Template is a completely responsive and mobile-first admin template that provides a great foundation for your Bootstrap + Vue.js project. This remarkably flexible and highly customizable template helps you create an amazing UI for your admin panel.
Dashboard Links
- Star Vue Admin - product page
- Star Vue Admin - dashboard Live DEMO
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.
Dashboard Links
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 Template Links
- Vue Dashboard Shards Lite product - the official page
- Vue Dashboard Shards Lite sources - published on Github
- Vue Dashboard Shards Lite demo
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 straight forward coding and uses Vue Router for the navigation links.
Vue Dashboard Links
- Vue Dashboard ArchitectUI - Github repository
- Vue Dashboard ArchitectUI - dashboard Live DEMO
Vue Material Dashboard
Vue Material Dashboard is a beautiful resource built over Vue Material and Vuejs. It will help you get started developing dashboards in no time. Vue 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.
Dashboard Links
- Vue Dashboard Material - the product page
- Vue Dashboard Material Demo - LIVE deployment
Thanks for reading! Related content:
- Open-Source Admin Dashboards - provided by AppSeed
- Admin Dashboards - Open-Source and Free, article published on Dev.to
- Vue Dashboard - Open-Source and Free
- React Dashboards - Open-Source and Free
- Admin Dashboards - Open-Source and built with automation tools