The best Vue.js Admin Dashboards 2022

In this post, you'll find a growing collection of free & premium Vue.js admin dashboard templates! They're all versatile, easy to use, responsive and high-quality.

If you think I'm missing an essential entry on this list, tell me on Twitter @MadeWithVueJS!

Vuestic Admin

  • Vue 3
  • Free / open-source

Vuestic Admin is an open-source responsive admin dashboard template with 44 configurable components (charts, forms and more) and a bunch of page layouts. It also offers two built-in color schemes (light & semi-dark) and is i18n-ready.

It's built with the Vuestic UI framework, which is also open-source.

Vuestic Admin Open-source Vue 3 Admin Dashboard
icon-eye-dark Created with Sketch. 18.105

Vue Material Dashboard 2

  • Vue 3
  • Free & premium versions

This material design-inspired admin template is based on Vue 3 and Bootstrap 5. 

It's available in a free and open-source version with 70 elements, as well as a pro version offering 30 more premium components to mix and match.

Vue Material Dashboard 2 Vue 3 Admin Template
icon-eye-dark Created with Sketch. 747

CoreUI Vue

  • Vue 3
  • Free & premium versions

CoreUI is an admin dashboard and UI library based on Bootstrap 5, available in a Vue version. You can try their free and open-source template, or get more components and ready-to-use UI kits (like calendars, maps and email or invoicing apps) with their pro version.

It's pretty easy to get started with, fully responsive and works on all devices!

CoreUI for Vue Vue.js Admin Template
icon-eye-dark Created with Sketch. 14.217

Admin One

  • Vue 3
  • Free & premium versions

Admin One is a responsive admin template built with Vue 3 and TailwindCSS. It's available in a free and open-source version, as well as a premium version.

Admin One is pretty lightweight (38-44kb for the production CSS) and comes with up to 3 designs (light / semi-dark / dark). It is available in a Vue CLI or Vite build, as well as a Laravel integration.

Admin One Open-source Vue 3 & Tailwind Admin Dashboard
icon-eye-dark Created with Sketch. 3.692

Vue Argon Dashboard

  • Vue 3
  • Premium

This dashboard lets you prototype admin apps very quickly. It's based on Vue 3 & Bootstrap (4).

We like it for the design as well as for code quality and flexibility. The UI does look unique and fresh, and the dashboard is easy to customize.

Vue Argon Dashboard Pro Bootstrap 4 Vue.js 3 Admin Template
icon-eye-dark Created with Sketch. 7.755

Vuexy

  • Vue 2
  • Premium

Although Vuexy 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's based on Bootstrap Vue, and comes with a Laravel starter kit and light & dark mode. Vuexy is fully responsive and customizable, and supports building multi-language apps.

Vuexy Admin Dashboard
icon-eye-dark Created with Sketch. 25.555

Gull

  • Vue 2
  • Premium

The Gull admin template is built on the Bootstrap Vue 13881 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.

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

Materio

  • Vue 2
  • Free & premium versions

The Materio admin dashboard is based on the Vuetify.js 34245 framework, and has a very unique and eye-catching look & feel.

It comes with more than 60 cards and widgets including different stats and charts that you can use to build custom dashboards for eCommerce or analytics apps. The template is fully responsive and offers different layouts in light, semi-dark and dark versions.  

Materio is also available in a Vue+Laravel version, if you're looking for a full-stack solution!

Materio Vuetify Admin Vuetify Admin Dashboard Template
icon-eye-dark Created with Sketch. 10.607

Similar Articles
Top Vue.js Chart Components in 2022
06.05.2022  •  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 2022
02.02.2022  •  in #UI Components
I've collected some of my favourite, versatile (and mostly lightweight) Vue.js Notification, Alert & Toast Components in this article!