The best Vue.js Admin Dashboards 2024

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

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 Vue 3 & Tailwind Admin Dashboard
icon-eye-dark Created with Sketch. 34.928

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

Materialize Vue

  • Vue 3
  • Premium

Materialize is an admin dashboard that is available in multiple versions (React / Nextjs, Laravel, HTML, ASP.NET, Django). Their Vue version is built with Vue 3, Vuetify 3, Vite and Pinia. As you have probably guessed from its name, it uses material design.

It comes with 5 dashboard versions, app layouts for chat, calendar, eCommerce, invoices and even landing page templates.

Materialize Vue Vue 3 & Vuetify Admin Template
icon-eye-dark Created with Sketch. 14.482

Materio

  • Vue 3
  • Free & premium versions

The Materio admin dashboard is based on the Vuetify.js 38795 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. 38.536

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 Admin Template & UI Library
icon-eye-dark Created with Sketch. 16.432

Vue Argon Dashboard

  • Vue 3
  • Free & premium versions

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

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 5 Vue.js 3 Admin Template
icon-eye-dark Created with Sketch. 9.471
Vue Argon Dashboard Bootstrap 5 & Vue.js 3 Admin Template
icon-eye-dark Created with Sketch. 14.512

Vuexy

  • Vue 3
  • 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. 39.362

Midone

  • Vue 3
  • Premium

Midone is an admin template with more than UI components built with Vue 3, TypeScript and TailwindCSS. It comes with 50 ready-to-use pages including multiple layout options and menus.

It does get updates frequently, and offers a lot of customizable features. Midone is a flexible admin template that will help you build any kind of app or backend 🤸

Midone Vue 3 / TailwindCSS Admin Dashboard Template
icon-eye-dark Created with Sketch. 9.477

Similar Articles
Best Vue Form Libraries of 2023
11.04.2023  •  in #UI Components
Forms are an important ingredient for almost every web app. But they can get complex pretty fast, and you’ll have to work through the repetitive processes of handling, storing and validating your data for every custom form. At some point, you'll be...
Best Vue.js Datatables 2024
12.02.2024  •  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.