Vue Dashboard - Open-Source and Free

in
blog, vue-dashboard, open-source

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.

Note for newcomers

The goal of this open-source service is to promote admin dashboards crafted by restless geeks and freelancers, to become visible in front of big sharks and jailed markets (e.g. ColorLib, ThemeForest). You may read here how it works, and the whole idea behind this service.

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.

Vue Dashboard White - Free Vuejs Admin Dashboard.

Build dashboard from sources

$ git clone https://github.com/creativetimofficial/vue-white-dashboard.git
$ cd vue-white-dashboard
$ yarn # install dependencies
$ yarn serve # start the Vue dashboard app for development
$ yarn build # build for production

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 - Gif animated presentation.

Steps to build this beautiful Vue admin dashboard, directly from sources:

 $ git clone https://github.com/creativetimofficial/vue-argon-dashboard.git
 $ cd vue-argon-dashboard
 $ yarn # install dependencies
 $ yarn serve # start the app for development
 $ yarn build # build for production

In order to be notified when new releases are available, you need to create an account on Creative-Tim.com, or activate the watch feature on Github official repository.

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.

Vue Dashboard White - Free Vuejs Admin Dashboard.

Steps to build this Vue Admin dashboard, directly from sources:

$ git clone https://github.com/BootstrapDash/StarAdmin-Free-Vue-Admin-Template.git
$ cd StarAdmin-Free-Vue-Admin-Template/source/
$ yarn # install dependencies
$ yarn dev # start the Vue dashboard app for development
$ yarn build # build for production

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.

CoPilot - Open-Source Admin dashboard

Build dashboard from sources

$ git clone https://github.com/misterGF/CoPilot.git
$ cd CoPilot
$ yarn # install dependencies
$ yarn dev # start the Vue dashboard app for development
$ yarn build # build for production

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 Paper - Gif animated presentation.

If you plan to test this admin dashboard, without leaving this page, just type:

$ git clone https://github.com/DesignRevision/shards-dashboard-vue.git
$ cd shards-dashboard-vue
$ yarn # install dependencies
$ yarn serve # start the app for development
$ yarn build # build for production

If all goes well, you should see Vue Dashboard Shards Lite running in your browser.

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 - Gif animated presentation.

Steps to build this beautiful Vue admin dashboard, directly from sources:

$ git clone https://github.com/creativetimofficial/vue-argon-dashboard.git
$ cd vue-argon-dashboard
$ yarn # install dependencies
$ yarn serve # start the app for development
$ yarn build # build for production

In order to be notified when new releases are available, you need to create an account on Creative-Tim.com or activate the watch feature on Github official repository.

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.

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.

Vue Dashboard Paper - Gif animated presentation.


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 ArchitectUI - Open-Source Admin Panel

Build from sources

$ # clone the sources
$ git clone https://github.com/admin-dashboards/vue-dashboard-architectui-free.git
$ cd vue-dashboard-architectui-free
$ yarn # install modules
$ yarn serve # start the app in development mode
$ yarn build # production build

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.

Vue Dashboard Material - Gif animated intro.

Build dashboard from sources

$ git clone https://github.com/creativetimofficial/vue-material-dashboard.git
$ cd vue-material-dashboard
$ yarn # install dependencies
$ yarn serve # start the Vue dashboard app for development
$ yarn build # build for production

Add your work in this page

Admin-Dashboards.com is an open-source project, created to promote the work of freelancers and small agencies for free. To get listed on this page or in other sections of this website, fork the project on Github and add your content in the proper category.

By Sm0ke <('_')> #automation geek.
Projects: Admin-Dashboards.com (open-source), AppSeed.

Read next: