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

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

Copilot

CoPilot 2368 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. 7.469

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

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

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

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

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

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

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

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

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

Similar Articles
Best Vue.js Datatables
25.04.2019  •  in #UI Components
Datatables are a complex beast. If you ever built data-heavy business applications, you will probably know it's not easy to make them readable and clear. Discover some of the best datatable components for Vue.js that are flexible enough to adapt to your data and use case.
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