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.

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.

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.

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.

Materio

• Vue 3
• Free & premium versions

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

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!

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.

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.

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 🤸