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! 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 . 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 Muse Dashboard
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! 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 . 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 . 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.
Best Free VueJS Admin Templates
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. The Gull admin template is built on the Bootstrap Vue 13870 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.
Free & premium versions. The Materio admin dashboard is based on the Vuetify.js 34190 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.
✨ Vue Soft UI Dashboard
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 . Link to Joblist.app. This article presents an open-sourceVue Dashboard Template crafted by CoreUI Agency. CoreUI Vue Dashboard can be downloaded from Github under the MIT License, and used for commercial projects and eLearning activities.
✨ Vue Dashboard Shards Lite
For newcomers, Vue is a leading JS framework for coding interactive user interfaces with more than 190k stars on Github. Thanks for reading! 👉 CoreUI Vue - product page. 🎁 CoreUI Vue - LIVE Demo. CoreUI is meant to be the UX game changer.
Pure & transparent code is devoid of redundant components, so the app is light enough to offer the ultimate user experience. Bootstrap Based - CoreUI Vue Admin Panel is 100% compatible with Bootstrap, but Boostrap based components have been built from scratch as true Vue.js components, without jQuery and unneeded dependencies.
Open-Source - CoreUI Vue Admin Template originates from open-source, but we are a professional team, working full time to make our products perfect in every detail. Responsive & Cross-Browser Compatibility - CoreUI's responsive components save you thousands of dollars on cross browsers tests.
Give your users a seamless experience by delivering apps that works on all major devices, browsers, and operating systems. CoreUI Vue Admin Template is based on CoreUI Components Library with beautifully handcrafted UI Components designed by a team of our experienced designers.
You don't have to be a designer to create beautiful responsive apps. ✨ More Free Dashboards crafted in Django, Flask, and React. ✨ More Admin Dashboards - a huge index with products . This article is a curated list with Vue Dashboards released under permissive licenses (MIT, LGPL), suitable for hobby or commercial projects.
The existing Top 10+ Vue Dashboard . articles, most of them, are written by the dashboard publishers, or affiliates and sometimes they have this habit of sniffing a lot of commercial apps, in the content without mentioning this aspect in the title.
Vue Material Dashboard 2
I’m not saying this is good or bad, but is not obvious if the apps are free or not, just by reading the title. Well, this is not the case here because all admin dashboards listed here are open-source and free. Vue Material Dashboard 2 is a new Admin Template based on Vue3 & Bootstrap5.
✨ Vue Dashboard - Material Lite
If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, and highly customizable, here is your match. 👉 Vue Material Dashboard 2 - product page. 👉 Vue Material Dashboard 2 - LIVE demo. Vue Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.
👉 Vue Soft UI Dashboard - product page. 👉 Vue Soft UI Dashboard - LIVE demo. All components can take variations in color, which you can easily modify using SASS files and classes. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin.
✨ Vue Dashboard Vuetify
Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level. 👉 Vue Notus Tailwind CSS - product page. 👉 Vue Notus Tailwind CSS - LIVE Demo. Muse - Vue Ant Design Dashboard is a beautiful Ant Design Vue admin dashboard with a large number of components, designed to look beautiful and organized.
👉 Muse Vue Ant Design - product page. 👉 Muse Vue Ant Design - product page. Vue Ant Design Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.
Vuetify Material Dashboard is a beautiful resource built over Vuetify, Vuex, and Vuejs. It will help you get started developing dashboards in no time.
✨ Vue Notus Tailwind CSS
👉 Vuetify Material Dashboard — Product page. 👉 Vuetify Material Dashboard — Live Demo. Vuetify Material Dashboard is the official Vuejs version of the Original Material Dashboard.
More Admin Templates and Vue.js ResourcesDebugging Vue.js applications can be difficult, especially when there are dozens, if not hundreds of mutations during a user session. If you’re interested in monitoring and tracking Vue mutations for all of your users in production, try LogRocket. https://logrocket.com/signup/
The LogRocket Vuex plugin logs Vuex mutations to the LogRocket console, giving you context around what led to an error, and what state the application was in when an issue occurred.
Modernize how you debug your Vue apps - Start monitoring for free.