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

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

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

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

Materio

  • Vue 3
  • Free & premium versions

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

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

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

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

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

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