The best Vue.js Admin Template Dashboards for Developers

1.Vue Velocity

Components library based on velocity UI kit by InVision :

Vue Velocity
This project is made with Vuejs, Vue-cli and TailwindCss other packages used :

postcss, postcss-import, purgecss(only for production, usefull to reduce tailwindcss css file size);
vue-router ;
vuex ;
vue-chartjs (and chartjs ofc) ;
vue2-leaflet (and leaflet ofc);
You can see a little demo here :

Vue Velocity on GitHub

2. Admin One Laravel Dashboard (SPA)

Admin One Laravel Dashboard (SPA)
Admin One Laravel Dashboard (SPA) is simple yet beautiful Laravel Admin Dashboard.

  • Built for Laravel 5.8 and 6.x
  • Fully-styled auth scaffolding
  • Profile & avatar management with back-end
  • Full Resource CRUD Sample (with front-end & back-end)
  • Free under MIT License
  • SPA — Single page app
  • Built with Vue.js, Bulma & Buefy
  • SCSS sources with variables
  • More than 17 custom components
  • Premium version available is happy to share this dashboard with you. Feel free to give your feedback


View on GitHub

3.Frog Admin

A simple vue template for admin system.

Frog Admin


View on GitHub

4.Vuetify Material Dashboard

Vuetify Material Dashboard is a beautiful resource built over Vuetify, Vuex and Vuejs. It will help you get started developing dashboards in no time. Vuetify Material Dashboard is the official Vuejs version of the Original Material Dashboard PRO. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vuejs and Vue-Router.

Vuetify Material Dashboard


View on GitHub


Plantilla de dashboard y administración basada en bootstrap 4.x. con el framework de javascript vue y con la arquitectura SPA.

Contruida de manera ordenada y sencilla.



View on GitHub

6.Nuxt Material Admin

Vue-CLI Boilerplate based on Nuxt and vue-material-admin template.
Nuxt.js + vue-material-admin boilerplate.
Nuxt Material Admin
This template is based on Vuetify.

This a static version generated by Nuxt.js and hosted on Netlify:

View on GitHub

7.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. The original Javascript version code vue-element-admin was written by PanJiaChen, many thanks to him for the awesome open source project! :)

If you want to get started with a minimal template code instead of integration solution, you can take a look at the minimal branch.

Vue Typescript Admin Template


View on GitHub

8.Vue Admin Template

Sample Admin Template based on Vuejs & Vuetify.

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

Vue Admin Template


View on GitHub

9.Sing app vue dashboard

Sing App Vue Dashboard - free and open source admin dashboard.

Responsive admin dashboard template built with Vue.js and Bootstrap 4. Developed with ❤️ by Flatlogic. If you love our project please star ⭐️ our repo!

Sing app vue dashboard

This dashboard is a small version of our Sing App Vue Full. There are all ready-to-use components, that are in full version. It is built on the top of vue-cli-3, so it well supported along the web. You can easy customize template by changing SCSS variables. All paddings and colors are in _variables.scss file.

Using this template you will be able to leverage lots of built-in components and thus focus on building features that set you apart from competitors rather than bulding everything from scratch. Lite version of a Sing-app includes following features and pages:

  • Bootstrap 4+ & SCSS
  • Responsive layout
  • Simple login / logout
  • Styled Bootstrap components like buttons, modals, etc


View on GitHub

10.Vue Dashboard

Responsive admin dashboard template built with Vue.js and Bootstrap 4. Forked from Vuestic by Epicmax. Designed by Vasili Savitski.

Download Vue Dashboard

Vue Dashboard

View on GitHub

11.Shards Dashboard Vue

A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.

Shards Dashboard Vue


View on GitHub

12.Vue Black Dashboard

Admin dashboard based on black dashboard UI template + vue-router

This project is a vue version of Black-dashboard designed for vue js.The dashboard includes vue-router

Vue Black Dashboard

Vue Black Dashboard is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.

Vue Black Dashboard comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.

Vue Black Dashboard features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. We thought about everything, so this dashboard comes with 2 versions, Dark Mode and Light Mode.

We are very excited to share this dashboard with you and we look forward to hearing your feedback!


View on GitHub

13.Vue Design Pro

An administrator dashboard, implemented by Vue.js (including vue-router, vuex, chart.js), inspired by ant design pro.

Vue Design Pro


  • Access control: Global aside menu rendered dynamically by global routes map which is combine common routes and dynamic routes (filter by user access).

  • Neat Design: UI design is inspired by ant design specification, implemented by Element UI

  • Mock development: Easy to use mock development solution


View on GitHub

14.Vue Admin

Vue Admin

This is the last package you will ever need to build your custom dashboard or administrative panel. It includes:

  • AdminLTE (only styles)
  • Vue.js based ready-to-use out of the box SPA
  • Simple but flexible customization system
  • OpenAPI 3 (formerly known as Swagger) specification for a compatible server API implementation
  • Big variety of built-in field types
  • Big variety of built-in data display format types
  • Type-safe by design
  • Suitable for a fast prototyping

View Demo

View on GitHub


A Vue.js project (2.0)

vue2 + vue-router + vueX + lodash + sass + element-ui + axios + es6

Just practice and for fun

If it helps, you can click “star” in the upper right corner to support it. thank you! ^_^

Or you can “follow”, I will continue to open up more interesting projects

If you have any questions, please ask them directly in issues, or if you find any problems and have a very good solution, welcome PR 👍


View on GitHub

16.CoreUI Vue

CoreUI Vue is free Vue admin template based on Bootstrap 4

Why we decided to create CoreUI? Please read this article: Jack of all trades, master of none. Why Boostrap Admin Templates suck.

This is not just another Admin Template. It goes way beyond hitherto admin templates thanks to:

  • Wonderful styling delivered by bootstrap compatible css library CoreUI,
  • Dedicated component library,
  • Dedicated vue tooling libraries (coreui-vue-chartjs, coreui-icons-vue),
  • Over 500 free svg icons consistent with our styling,
  • Transparent code and file structure
  • Possibility of extension to pro version which offers even more!

CoreUI Vue


View on GitHub

#vuejs #javascript #vue-js

The best Vue.js Admin Template Dashboards for Developers
2 Likes392.20 GEEK