The best Vue.js Admin Template Dashboards for Developers
1.Vue Velocity
Components library based on velocity UI kit by InVision : https://www.invisionapp.com/inside-design/design-resources/design-system-dashboard-ui-kit/
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);
vuedraggrable.
You can see a little demo here : https://pensive-clarke-f6ea25.netlify.com/
2. 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
JustBoil.me is happy to share this dashboard with you. Feel free to give your feedback
Demo: https://justboil.me/bulma-admin-template/one
3.Frog Admin
A simple vue template for admin system.
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.
5.Dashmin
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.
6.Nuxt Material Admin
Vue-CLI Boilerplate based on Nuxt and vue-material-admin template.
Nuxt.js + vue-material-admin boilerplate.
This template is based on Vuetify.
Demo
This a static version generated by Nuxt.js and hosted on Netlify:
https://nuxt-material-admin.netlify.com/dashboard
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.
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.
Demo: https://fatihunlu.github.io/vue-admin-template
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!
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.
Features
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
Demo: https://flatlogic.com/admin-dashboards/sing-app-vue-dashboard/demo
10.Vue Dashboard
Responsive admin dashboard template built with Vue.js and Bootstrap 4. Forked from Vuestic by Epicmax. Designed by Vasili Savitski.
11.Shards Dashboard Vue
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.
Demo: https://designrevision.com/downloads/shards-dashboard-lite-vue/
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 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!
Demo: https://demos.creative-tim.com/vue-black-dashboard
13.Vue Design Pro
An administrator dashboard, implemented by Vue.js (including vue-router, vuex, chart.js), inspired by ant design pro.
Features
-
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
Demo: https://git.io/fjLM0
14.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
15.Vue2-crm
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 👍
Demo: https://liuyunhe.github.io/vue2-crm/
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!
Demo: http://coreui.io/vue/
#vuejs #javascript #vue-js
