8 Autumn Specials 🎉 Choose your favorite one and save 80% OFF!

Vue Material Dashboard

Free Vuejs Admin Template

· 4.90/5 (219 Reviews)

MIT License

Free VueJS Admin Template

Product description


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



We have created it thinking about things you actually need in a dashboard. Vue Material Dashboard contains handpicked and optimised Vuejs plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customisation of this product.



Let us know what you think and what we can improve below. And good luck with development!



Getting Started

  • Install Nodejs from Nodejs Official Page
  • Open your terminal
  • Navigate to the project
  • Run npm install or yarn install if you use Yarn
  • Run npm run dev or yarn serve to start a local development server
  • A new tab will be opened in your browser

You can also run additional npm tasks such as

  • npm run build to build your app for production
  • npm run lint to run linting.

Vue-cli

We used the latest 3.x Vue CLI which aims to reduce project configuration to as little as possible. Almost everything is inside `package.json` + some other related files such as .babelrc, .eslintrc.js and .postcssrc.js

Product certified by: Creative Tim
Vue Material Dashboard - Fully Coded and Responsive HTML5
Vue Material Dashboard - Sass Files for Professional Front End Developers
Vue Material Dashboard - The Progressive JavaScript Framework
Downloads
43,669
Version
1.4.0
Changelog
Updated
1 year ago
Released
3 years ago
Reviews
Handcrafted Elements
16
Customized Plugins
2
Example Pages
7
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Vue Material Dashboard PRO. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo? What is in PRO Version?
Elements 16 200
Plugins 2 15
Examples Pages 7 28
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

85 Web Developers commented on this product

Github Docs Knowledge Center Custom Development

chrizbentesiete
  • downloaded
2 years ago

Hi, how can i install this in may laravel application? i mean how can i use npm then install this. thank you.

dragosct
  • owner

Hi, @chrizbentesiete ! Thank you for using our products and sorry for the late response. Unfortunately, we don't use laravel so we can't give you an advice on how to use it. Maybe this link https://laravel-news.com/your-first-laravel-application will help you. Regards, Dragos
2 years ago

ajakommanuel
  • downloaded
2 years ago

hi how can i make the sidebar to be on the left side

dragosct
  • owner

Hi, @ajakommanuel ! Thank you for using our products. We must add this feature to the product in the next update which will be in the first days of January and then you can use it. Regards, Dragos
2 years ago

ateeqgondal
  • downloaded
2 years ago

Thank you for this cool dashboard. How can I use it with vue webpack application? I have created the project using vue init webpack my-project. I want to add this dashboard in this project.

dragosct
  • owner

Hi, @ateeqgondal ! Thank you for using our products. You can just take all the src and put it in the webpack vue project. Regards, Dragos
2 years ago

ateeqgondal
  • downloaded
2 years ago

@dragosct

abdulrehmanijaz2
  • downloaded
2 years ago

hi, its not works i have download many times.

dragosct
  • owner

Hi, @abdulrehmanijaz2 ! Thank you for using our products. Please tell us exactly what problems did you have? Regards, Dragos
2 years ago

juliardiajar
  • downloaded
2 years ago

This template was awesome, I want to apply this on my client project. but, I have question "© 2019 Creative Tim, made with for a better web" in display footer ?. I want change to "Copyright XX base on Creative Team". can I ? Or if can't, I simply erase the footer. Thanks in advanced

dragosct
  • owner

Hi, @juliardiajar ! Thank you for using our products. Yes, you can change that footer with what you said above. Regards, Dragos
2 years ago

alirezaajedi
  • downloaded
2 years ago

nice

blog
  • downloaded
2 years ago

I saw you have one Vue.js 2 dashboard, https://www.creative-tim.com/product/vue-black-dashboard-pro. But actually this one is Vue2 too. Is this the case for all of them? I'd rather not start something one Vue 1.x Thanks!

dragosct
  • owner

Hi! Thank you for using our products. Yes, all of our vue products are vuejs 2 because we are using the latest version of the framework. Regards, Dragos
2 years ago

joseapontec
  • downloaded
2 years ago

Hi, I want to use this beautiful dashboard template but my question is, How can I add this template to my existing vuejs project? Do you have a tutorial?

dragosct
  • owner

Hi, @joseapontec ! Thank you for using our products. Unfortunately, we don't have any tutorial about this but you can just take the scss from our products and put it in yours and then you can take the components that you want. Regards, Dragos
2 years ago

chenzhang7618 2 years ago

i like it, it's beautiful

You have to be logged in to post a comment. Login here.