The best Vue.js Admin Dashboards 2019

As admin dashboards usually rely heavily on JavaScript, it was just a matter of time until beautiful Dashboards & Templates built with Vue.js begin to emerge! In this post, you'll find a growing collection of free & premium Vue.js Admin Templates!

They're all versatile, easy to use, responsive and high-quality.

If you think I'm missing an essential entry on this list - just leave a comment or send me an email (armin@nifty.at)!

last edited - 16.09.2019

Vuesax Admin

Although the Vuesax Admin template is not free, it's not overly pricey and you'll get a lot for your money: It has some really nice features like fuzzy search, a bookmark function, a calendar, chat or an e-commerce app complete with shop, wishlist and checkout.

It comes with a Laravel starter kit (which we love) and dark mode (which we also love)!

It's fully responsive and built on the Vuesax 3712 framework, which has been growing and coming along super nicely. We also dig the design style :)

Vuesax Admin Vuesax Admin Dashboard
icon-eye-dark Created with Sketch. 4.215

Vuetify Material Dashboard (free & pro)

We have been looking forward to this forever: This dashboard has been developed together with John Leider, the creator of the open-source material design framework Vuetify.js 22808.

As you probably know, Vuetify follows the material design specs closely and is high-quality as well as actively maintained. So this dashboard will grow with the framework as well.

It's available in a free version to try it out!

Vuetify Material Dashboard Free Vue.js Admin Template
icon-eye-dark Created with Sketch. 20.386
Vuetify Material Dashboard PRO Premium Vue.js & Vuetify Admin Template
icon-eye-dark Created with Sketch. 7.868

Sing App Dashboard (free & pro)

Sing App Dashboard is a fully responsive admin template developed with Vue.js 2 and Bootstrap 4.

It can be used to build any type of web applications like SAAS, E-Commerce platforms, asset dashboards, tracking software, etc.

The free version is open-sourced and gives you a nice base to start off of, with all the base components as well as maps, charts, notifications, login and a chat to work with.

Sing App Dashboard Pro Premium Responsive Vue.js Admin Dashboard
icon-eye-dark Created with Sketch. 7.842
Sing App Dashboard Free Free Responsive Vue.js Admin Dashboard
icon-eye-dark Created with Sketch. 9.058

Vue Now UI Dashboard PRO

The Vue Now UI Dashboard is a sleek template featuring some nice transitions and animations. Vue Now UI Dashboard is a beautiful resource built with Bootstrap 4 and Vue.js. It's very simple to use and set up.

The Vue Now UI Dashboard Dashboard is the official Vue.js version of the Now UI Dashboard, a bootstrap template by Creative Tim.

Vue Now UI Dashboard PRO Premium Bootstrap 4 Vue.js Admin Theme
icon-eye-dark Created with Sketch. 20.465

Vuestic Admin

Vuestic Admin is an open-source responsive admin dashboard template built with Vue.js and Bootstrap 4. It's designed by Vasili Savitski and the codebase is maintained by Epicmax.

Vuestic Admin Free Vue.js Admin Dashboard
icon-eye-dark Created with Sketch. 12.596

Copilot

CoPilot 2440 is a fully responsive admin template that is forked from AdminLTE. CoPilot is tailored to use with Vue.js, and the UI is based on the Bootstrap 3 framework. The template is highly customizable and very easy to use, while fully responsive.

CoPilot ​Responsive Admin Template
icon-eye-dark Created with Sketch. 9.375

CoreUI PRO for Vue

We especially appreciate CoreUI because it's so lightweight – we really like the code structure. The UI is very clear, animations are spot-on (and not for decoration). It's based on Bootstrap 4 and fully responsive. It's also available in a free version.

CoreUI PRO for Vue A Premium Vue.js Admin Template
icon-eye-dark Created with Sketch. 6.378

Star Admin

Star Admin is a free admin template based on Bootstrap 4 and Vue.js. It's available open-source on Github. It's completely responsive and offers some dashboard widgets and sample pages as well as all of the Bootstrap UI Elements.

It's styled quite spacy, light-hearted and colourful 🌈

Star Admin Free, responsive Admin Template based on Bootstrap 4 and Vue.js
icon-eye-dark Created with Sketch. 9.585

Vue Light Bootstrap Dashboard (free & pro)

The Vue Light Bootstrap Dashboard is built on Bootstrap 4 and Vue.js. The free version contains 16 handcrafted components, 2 customized Vue.js plugins and 4 Example Pages. It also offers customization options for colours and backgrounds of the sidebar.

It's designed by Creative Tim and coded by Cristi Jora

The Pro Version of the Vue Light Bootstrap Theme contains a LOT more components than the free version. You'll get 160 handcrafted components, 17 customized plugins and 25 example pages. Like the free version, it's built on Bootstrap 4 and Vue.js. It offers an extensive documentation and is, of course, also fully responsive.

Vue Light Bootstrap Dashboard Free Bootstrap Vue.js Admin Template
icon-eye-dark Created with Sketch. 8.555
Vue Light Bootstrap Dashboard PRO Premium Bootstrap 4 Vue.js Admin Template
icon-eye-dark Created with Sketch. 4.811

Shards Dashboard (lite & pro)

The Shards Dashboard is focussing on development quality and performance. It's fully responsive and offers you a lot of different templates and components. You get the complete source and the Sketch Files to customize your dashboard and create mockups with its design system (Shards – which you can also use for free!).

This dashboard is very usable in the free version, but also offers a pro version for advanced needs.

The Pro version provides you with a lot of component variety to build custom dashboards, forms and settings.

Shards Dashboard Lite Vue Free Vue Admin Dashboard
icon-eye-dark Created with Sketch. 2.862
Shards Dashboard Pro Vue Premium Vue Admin Dashboard
icon-eye-dark Created with Sketch. 2.357

Vue Paper Dashboard (free & pro)

The Vue Paper Dashboard is another beautiful Dashboard designed by Creative Tim and coded by Cristi Jora .

The free version contains 16 components, 2 customized plugins and 4 example pages. It's fully responsive and built on Bootstrap 4 and Vue.js.

The pro version of the Vue Paper Dashboard consists of 160 responsive components, 15 customized plugins and 25 example pages based on Bootstrap 4 and Vue.js. It offers an extensive documentation.

Vue Paper Dashboard Free Bootstrap Vue.js Admin Template
icon-eye-dark Created with Sketch. 3.683
Vue Paper Dashboard PRO Premium Bootstrap Vue.js Admin Template
icon-eye-dark Created with Sketch. 11.148

Vue Material Dashboard (free & pro)

The Vue Material Dashboard is a Material Style Admin Dashboard by Creative Tim. The available widgets are a beautiful interpretation of Material Design and we're really fond of the style. It's built over Vue Material and Vue.js and of course fully responsive.

The free version contains 16 components, 2 customized plugins and 7 example pages.

The pro version of the Vue Material Dashboard consists of 200 components, 15 customized plugins and 27 example pages based on Bootstrap 4 and Vue.js. You'll not only get lifetime updates, but also an extensive documentation as well as the SASS & Photoshop files.

Vue Material Dashboard Free Vue.js Admin Template
icon-eye-dark Created with Sketch. 10.032
Vue Material Dashboard PRO Premium Vue.js Admin Template
icon-eye-dark Created with Sketch. 6.044

Vue Material Admin

Another Material Design Admin Dashboard! Vue Material Admin is based on Vuetify.js (the Vue.js Material Component Framework). It provides over 60 Components and 7 Color Options and aims to be blazing fast, always.

Vue Material Admin A Vue Material Design Admin Template based on Vuetify
icon-eye-dark Created with Sketch. 29.818

Material Design Admin Dashboard (free & pro)

Aaaaaand another material design dashboard 😉 This one is from MDBootstrap and offers components and pages for all admin areas you can think of. They provide not only dashboard elements, but also tables, forms, cards, maps and more. They built the template with the thought of providing admins with the same user experience as users of a frontend.

It's based on Bootstrap 4, is completely jQuery-free and supports Flexbox (which we love in particular).

The free version is free for personal and commercial use and great for smaller admin interfaces, but it's definitely worth it to check out the pro version for more component variety!

Material Design Admin Dashboard Free Vue.js Admin Dashboard
icon-eye-dark Created with Sketch. 3.370
Material Design Admin Dashboard PRO Premium Vue.js Admin Dashboard
icon-eye-dark Created with Sketch. 5.545

Similar Articles
Best Vue.js Notification Components
24.09.2018  •  in #UI Components
I've collected some of my favourite, versatile (and mostly lightweight) Vue.js Notification, Alert & Toast Components in this article!
Top Vue.js Slider & Carousel Components 2019
05.07.2019  •  in #UI Components
Needing to build sliders have caused me some of the most painful moments of my freelance career. I have probably seen every version of carousels that designers can think of. So, before you use a carousel: Have you checked ? 🙃 No, but seriously: If yo...