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 Template
icon-eye-dark Created with Sketch. 22.421

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

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

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

Materio

  • Vue 3
  • Free & premium versions

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

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

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

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

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

Similar Articles
Best Vue.js Datepickers & Calendars 2024
19.01.2024  •  in #UI Components
Why create a custom calendar yourself, if there are so many really great Vue.js components already? We've collected our favourite calendars & datepickers based on whether they are well maintained, easy to use, look nice and provide a good UX. This l...
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.