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 - 12.06.2019

Sing App Dashboard Pro

Sing App Dashboard Pro is a fully responsive admin template developed with Vue.js 2 and Bootstrap 4. It is designed to boost the speed, quality and maintenance of your web application. It can be used to build any type of web applications like SAAS, E-Commerce platforms, asset dashboards, tracking software, etc.

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

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.

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

Copilot

CoPilot 2397 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. 8.440

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. 5.604

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 Vue.js Admin Dashboard
icon-eye-dark Created with Sketch. 11.735

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. 8.656

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. 7.917
Vue Light Bootstrap Dashboard PRO Premium Bootstrap 4 Vue.js Admin Template
icon-eye-dark Created with Sketch. 4.508

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.085
Shards Dashboard Pro Vue Premium Vue Admin Dashboard
icon-eye-dark Created with Sketch. 1.739

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.277
Vue Paper Dashboard PRO Premium Bootstrap Vue.js Admin Template
icon-eye-dark Created with Sketch. 10.792

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. 9.470
Vue Material Dashboard PRO Premium Vue.js Admin Template
icon-eye-dark Created with Sketch. 5.565

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. 26.470

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.004
Material Design Admin Dashboard PRO Premium Vue.js Admin Dashboard
icon-eye-dark Created with Sketch. 5.132

Similar Articles
Top Vue.js Chart Components
07.05.2019  •  in #UI Components
Choosing a chart component is not always an easy task. They have to fit your data, be beautiful, customizable, responsive, easy to implement.. 🤯 We have collected our favourite Vue.js chart components in this article!
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!
Comments