DEV Community

Cover image for Top 10+ Open Source VueJS Admin Templates 2024🤩
ThemeSelection for ThemeSelection

Posted on • Updated on • Originally published at

Top 10+ Open Source VueJS Admin Templates 2024🤩

Following are the best open-source VueJS admin templates. Before we start the collection let's know about VueJS in short.

As we all know, Vue.js is one of the best open-source JavaScript frameworks for building user interfaces on the web. Besides, in comparison to other complex front-end frameworks like Angular, Backbone, React, etc., it is very small lightweight, and easy to use.

Besides, Vue.js is quickly gaining popularity among developers as VueJS admin templates. Thus, it is a great choice to build good and functional user interfaces. By using it, you can build fast, responsive, reactive admin dashboards.

Furthermore, the majority of popular brands trust their web applications with Vue. Hence, it can be a good choice for you to utilize it for your business. In that case, you must pick the most appropriate and open-source VueJS admin template for your next projects.

So, we decided to collect some of the best Open-source Vue js admin templates to save your precious time.

Now, let's begin the collection of best open-source VueJS admin templates.🔥

Sneat Bootstrap 5 HTML Admin Template
Check out this premium Bootstrap Admin Dashboard that you may consider using in your Vue project.

Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) we may earn a commission. Thank you!

let's do it gif

Materio – Vuetify Vuejs 3 Admin Template (Free🎁 & Best🤩)

Materio – Vuetify Vuejs 3 Admin Template

Materio Free VueJS Vuetify Admin Dashboard Template – is the latest developer-friendly 🤘🏻 & highly customizable✨ Admin Dashboard Template based on Vuetify for developers.

This open-source Vue JS admin template is enriched with features and a highly customizable🤩. Besides, the highest industry standards are considered to bring you the very best Vuetify admin template that is not just fast🚀and easy to use, but highly scalable.

Offering ultimate convenience and flexibility, you’ll be able to build whatever application you want with very little hassle.

Furthermore, you can use this one of the best innovative free Vuejs admin templates to create eye-catching, high-quality, and high-performing single-page applications. Besides, your apps will be completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.


  • 1 Simple Dashboard, 1 Chart Library
  • Single vertical menu
  • Simple Light/Dark theme
  • Basic Cards, pages, and tables
  • Simple From Elements⚡
  • Single vertical menu

Demo Download
If you are looking for premium features then check the premium version.

What's in Premium Version 💎

Materio Free Version Materio Premium Version
Demo Demo
Download Purchase
Single vertical menu Vertical (+ vertical collapsed) & Horizontal menu
Simple Light/Dark theme 3 Skin variants w/ light/dark theme support: Default, Bordered & Semi-dark
1 Simple Dashboard 3 Niche Dashboards
- 5 API ready applications
Simple From Elements Advance form elements, validation & form wizard
Basic Cards Basic Cards + Advanced Cards + Statistics Cards
- API ready JWT Authentication flow
- Access Control (even on CRUD operations)
- Quick Search - Quickly navigate between pages (w/ hotkey support)
Basic Pages Authentication Pages in 2 variants + Ready-to-use pages like Pricing, FAQ, Knowledge base, etc
- 3D Characters + Illustrations
Basic tables Advanced tables
Manual customization Quick customization using theme config file
- Advanced Charts
1 Chart Library 2 Chart Libraries
- Multiple Navbar & Menu Options
- Starter-kit
- Internationalization support in components
Regular Support Priority Support
Basic Documentation Detailed Documentation

Bootstrap Version

Materio Bootstrap 5 HTML Admin Template

Figma Version

Materio Figma UI kit

Laravel Version

Materio – Vuetify Vuejs Laravel Admin Template

Django Version

Materio Django Admin Template

Also, check the Vue CheatSheet

Vue cheatsheet

Vuestic Admin

vuestic admin

Vuestic admin is a free and beautiful Vue.js admin template with 44+ custom UI components.


  • Powered by Vuestic UI customizable UI library with 44+ components included
  • Original and corporate color schemes
  • Cross-Browser (Chrome, Safari, Firefox, Edge, Opera)
  • Responsive
  • i18n-ready
  • Following Vue.js official style guide
  • No jQuery
  • Forever free and Open Source

Demo Download

Corona Vue Free

corona vue free

If you’re a fan of dark mode, then you’ll love Corona Vue Free, a free Vue.js admin template from BootstrapDash. This Vue admin comes with an MIT license and is open source. This means you can use it anywhere, modify it however you want, all for free.

Demo Download

Vuetypescript admin template

vue typescript admin template

Vue typescript admin template is a production-ready front-end solution for admin interfaces based on Vue, typescript, and UI Toolkit element-UI.


  • Powered by[Vuestic UI customizable UI library with 44+ components included
  • Original and corporate color schemes
  • Cross-Browser (Chrome, Safari, Firefox, Edge, Opera)
  • Responsive
  • i18n-ready
  • Following Vue.js official style guide
  • No jQuery
  • Forever free and Open Source

Demo Download

Talking about Vue Typescript, you can check out Materio Vue js Admin Template which provides the support for both TypeScript and JavaScript
Materio Vuetify 3 Vuejs Admin Template

ArchitectUI Vue Free Admin

Architect UI

Equipped with premade pages and elements, ArchitectUI is an outstanding, free VueJS admin template built using Vue/CLI and Bootstrap 4. It contains 9 beautiful dashboards, 15 handpicked Vue widgets, 200+ customized components that are ever ready to boost the web app’s performance. With ArchitectUI, setting up the layout of your dashboard has never been this amazing.

Demo Download

Vue Material Admin Template

vue material admin template

Vue Material Admin Template is a Vue Based Material Design Admin Template. And use Vuetifyjs as the base framework. Vuetify is Awesome.

Demo Download

Core UI Vue Free

Core UI Vue Free

CoreUI delivers everything you need to build modern, beautiful, responsive apps. Save thousands of development hours by using ready-made, reusable, and commonly used widgets and UI components. Moreover, CoreUI Vue Admin Template is delivered with a ready-to-use environment, so you don't have to waste time configuring the project.

Demo Download

Pro Version: CoreUI Vue Pro

Xtreme Vuesax Admin Lite


Xtreme Vuesax Admin Lite is a free Vuejs admin template with a clean, modern and distraction-free design. You can utilize the tool for an assortment of different applications and projects as it easily caters to various objectives. Whether you are working on your thing or your client’s, with Xtreme Vuesax Admin Lite, you can now take care of the admin panel sooner rather than later. Avoid starting from the ground up when you can benefit from a powerful and free template.

Demo Download

Sing app vue dashboard

sing app vue dashboard

Sing App Vue Dashboard is an admin template built with Vue JS 2.5.2 and Bootstrap 4. It is built following the newest development stack of Vue. Besides, the Bootstrap Admin template is a multipurpose admin template. You can build SASS, E-Commerce, CMS, or CRM platforms.


  • Static & Hover Sidebar
  • Fully responsive
  • Vue 2.5.2
  • Bootstrap 4
  • Advanced Forms
  • Notifications & Icons
  • Well designed Typography
  • Extensive Documentation
  • Charts & Google Maps

Demo Download

Vue White Dashboard

vue white dashboard

Vue Dashboard White is a beautiful Bootstrap 4 and Vue.js Admin Dashboard with a huge number of components built to fit together and look amazing. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.*

Demo Download

Star admin Vue Admin Template

star admin

Star Admin Vue Admin Template is a free admin template based on Bootstrap 4 and Vue.js. Besides, the template is built using the framework Bootstrap-Vue. Bootstrap-Vue is a framework that implements the Bootstrap 4 components and grid system available for Vue.js. Besides, this template is a completely responsive and mobile-first admin template that provides a great foundation for your Bootstrap + Vue.js project. Furthermore, this remarkably flexible and highly customizable template helps you create an amazing UI for your admin panel.

Demo Download

Vue sample admin template

vue sample admin

Vue Admin Template is a Vue.js Based Admin Template. This template uses the Vuetify components and styles.

Demo Download

Purple vue Free admin template

Purple Vue Free

Purple Vue free admin template is a free version of the Purple Vue Admin template. It is built with Vue.js. Furthermore, this free-to-use template comes with an MIT license. Use it on all your projects. Besides, the free version itself comes packed with features. This admin dashboard is designed to work perfectly across all the latest browsers. The muted colors make it look attractive while reducing eye strain as well. It is one of the best VueJS admin template GitHub.

Demo Download

Vue Admin Dashboard Template

Vue admin dashboard

Here’s another free and responsive admin dashboard template built using Bootstrap 4, VueJS and Material Design. It contains different styles of dashboards, data presentations, and numerous insightful components. It’s ideal to use for personal and commercial use. As it is built with Material Design for Bootstrap it has powerful and free UI kit that has ample 400+ material UI elements, 600+ material icons, 74 CSS animations and so much more. Moreover, this admin template also boasts its awesome look on different screens of the laptop, mobile phone, tablet or desktop.

Demo Download

Dashblocks Vue Material Admin Template


Dashblocks Vue Material Admin Template is build based on Quasar Framework, Vuex, Vuejs, and Dashblocks.

Demo Download

Vue element admin

vue element admin

Vue-element-admin is a production-ready front-end solution for admin interfaces. Besides, It is based on Vue and uses the UI Toolkit element-UI. Furthermore, it is based on the newest development stack of Vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. In addition, it also helps you build large and complex Single-Page Applications.


  • Login / Logout
  • Permission Authentication
  • I18n
  • Multiple dynamic themes
  • Dynamic breadcrumb
  • Tags-view (Tab page Support right-click operation)
  • SVG Sprite
  • Mock data and many more.

Demo Download


Well, this was the collection of open source VueJS admin templates, We have tried to cover some of the best open source VueJS admin templates available on net. All the templates are unique in their own way and offer useful components. Although, it depends on your requirements so, list down your priorities and pick from this list.

Now, VueJS admin templates are getting popular as they are highly responsive and customizable. In addition, these admin templates also allow you to create any kind of web application as per your need and requirements. You can also check the collection of VueJS Admin Template Free Download.

So, we hope this collection helps you find the suitable open source VueJS admin template for your next project. 🙂 Also, don't forget to share this collection.

About us

We at ThemeSelection provide Selected high-quality, modern design, professional, and easy-to-use Free and Premium Bootstrap Admin Templates, Asp NET Dashboard, Vue JS Admin Template, Laravel Admin Panel, React Admin Templates, NextJS Admin Template, HTML Themes, and Free UI Kits to create your applications faster!

If you want to Free Admin Templates then do visit ThemeSelection.

Top comments (7)

diguifi profile image
Diego Penha

Could you make a post about portfolio-style Vue templates?

theme_selection profile image

Hi, sure we will make a post in near future. Thank you for your suggestion.🙂

ioskpu profile image

Great bro... Thk

theme_selection profile image

Thank you very much for your appreciation. 🙂

ondevw19812 profile image
Ondev Webs
golangch profile image
Stefan Wuthrich


core_ui profile image

Thanks for adding CoreUI 😍 Maybe one day Vue Admin Dashboard Template and UI Component Suite for Vue.js?