The best Vue.js Admin Dashboards 2020

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

Vuexy

Although the Vuesax Admin template Vuexy 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 4809 framework, which has been growing and coming along super nicely. We also dig the design style :)

Vuexy Vuesax Admin Dashboard
icon-eye-dark Created with Sketch. 15.481

Gull

The Gull admin template is built on the BootstrapVue UI library, and offers over 250 UI elements to build your admin panels. It has full RTL support, and it's ready to be translated as well.

It supports any kind of backend use case from eCommerce backends to CMS and comes with a bunch of different prebuilt apps like an invoice builder or a chat, as well as versatile datatables & list views.

There have been regular updates to the template adding new apps and pages like a scrum board and a Laravel starter kit.

Gull Admin Dashboard Template
icon-eye-dark Created with Sketch. 5.599

Lux Admin

This admin dashboard is offered by the official Vuetify.js 29269 store and is based on the material design framework while still offering a unique and polished look.

It offers 60 components that you can combine in customizable layouts and also comes with a Laravel starter template - always a plus ❤️

Lux Admin Vuetify Admin Template
icon-eye-dark Created with Sketch. 4.329

Vuetify Material Dashboard (free & pro)

This dashboard has been developed by Creative Tim together with John Leider, the creator of the open-source material design framework Vuetify.js 29269.

As you probably know, Vuetify follows the material design specs closely and is high-quality as well as actively maintained – 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. 32.157
Vuetify Material Dashboard PRO Premium Vue.js & Vuetify Admin Template
icon-eye-dark Created with Sketch. 15.362

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. 9.516
Sing App Dashboard Free Responsive Vue.js Admin Dashboard
icon-eye-dark Created with Sketch. 12.013

Vue Now UI Dashboard

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

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

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 for Vue Vue.js Admin Template
icon-eye-dark Created with Sketch. 11.605

Star Admin (free & pro)

Star Admin is an admin template based on Bootstrap 4 and Vue.js. It's available in a free & open-source version on Github - but also offers a paid pro version.

It's completely responsive and offers some dashboard widgets and sample pages as well as all of the Bootstrap UI Elements.

We like Star Admin for its spacy, light-hearted and colourful style! 🌈

Star Admin Responsive Admin Template
icon-eye-dark Created with Sketch. 13.586

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

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

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

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 Material Design Admin Template based on Vuetify
icon-eye-dark Created with Sketch. 42.028

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

Similar Articles
Best Vue.js Notification Components
06.02.2020  •  in #UI Components
I've collected some of my favourite, versatile (and mostly lightweight) Vue.js Notification, Alert & Toast Components in this article!
Best Vue.js Datatables
27.05.2020  •  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.
COMMUNITY SPONSORS