❤️ Creative Tim Club - Access all our Present & Future Premium Products

Free VueJS Admin Template

Product description


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. 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. Vuetify Material Dashboard contains handpicked and optimized 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 customization of this product.



Vuetify is developed exactly according to Material Design spec. Every component is handcrafted to bring you the best possible UI tools to your next great app. The development doesn't stop at the core components outlined in Google's spec. Through the support of community members and sponsors, additional components will be designed and made available for everyone to enjoy.

Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrates with Vue's official devtools extension to provide advanced features such as zero-config time-travel debugging and state snapshot export/import.



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 babel.config.js, .browserlistsrc .eslintrc.js and .postcssrc.js

Product certified by: Creative Tim
Vuetify Material Dashboard - Fully Coded and Responsive HTML5
Vuetify Material Dashboard - Sass Files for Professional Front End Developers
Vuetify Material Dashboard - The Progressive JavaScript Framework
Vuetify Material Dashboard - The Progressive JavaScript Framework
Downloads
71,580
Version
2.1.0
Changelog
Updated
4 years ago
Released
5 years ago
Reviews
Star
Handcrafted Elements
16
Customized Plugins
2
Example Pages
7
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Vuetify Material Dashboard 2 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 4
Examples Pages 7 8
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

92 Web Developers commented on this product

kimani
  • downloaded
5 years ago

Hi, I am from Kenya and am using this and many of your templates to build a startup/business. I've referenced the MIT license. Thanks and bless you

dadangsukatoro
  • downloaded
5 years ago

what are the steps to setup this onto Laravel projects?

dragosct
  • downloaded

Hi, @dadangsukatoro ! Thank you for using our products. Unfortunately, we don't work with Laravel but I think this link can help you https://blog.pusher.com/web-application-laravel-vue-part-4/. Regards, Dragos
5 years ago

nguyenvietlyit
  • downloaded
5 years ago

Amazing !! Thank you very very much !!

avviniasoft
  • downloaded
5 years ago

Hello! Thanks for this product! Can anybody help me? I want to create a staic production app. After launch "npm run build" i get a set of files in a directory "dist". I create a simple server, but the build does not work: "Uncaught SyntaxError: Unexpected token < app.021270dd.js:1" The browser "Sources" show that the js- and css- files contain an html markup, but the files themselves are fine. How can this be, and how can I get the app? Thanks!

dragosct
  • downloaded

Hi, @avviniasoft ! Thank you for using our products. Let me understand your problem and please tell me if you finished working on your app and you want to build the app and this cause you the problem when you put the app on a server? Regards, Dragos
5 years ago

avviniasoft
  • downloaded
5 years ago

Hi, Dragos! I created a pre-release version. I want to get a set of static files. Changing the "publicPath" parameter does not help. I post it on the server with the default parameter "publicPath", but the application also does not work. What can be wrong? Is there any algorithm to build? Thank you!

dragosct
  • downloaded

Hi, @avviniasoft ! Do you set in your vue.config.js the baseUrl? Regards, Dragos
5 years ago

ahmadifarzane191
  • downloaded
5 years ago

Hi what are the steps to setup this onto WordPress?! Thanks

dragosct
  • downloaded

Hi, @ahmadifarzane191 ! Thank you for using our products. Unfortunately, we don't work on WordPress, maybe this link will help you https://github.com/MSobieray/vue-theme. Regards, Dragos
5 years ago

ahmadifarzane191
  • downloaded
5 years ago

Hi, I want to design like this: mrdigicoin.eu Please register and look at that; Help more :)!

saurabhuranik
  • downloaded
5 years ago

How to download and use the templet. Please help

dragosct
  • downloaded

Hi, @saurabhuranik ! Thank you for using our products. Please see the docs in order to see how to use the product. Regards, Dragos
5 years ago

joowfw
  • downloaded
5 years ago

super

counselme4
  • downloaded
5 years ago

Hello! I really appreciate you for this wonderful script. I do need help. After downloading, I extracted the zip file into a directory and opened it on my browser using file:/// to locate it but just loads an empty page. How can I set this up and get it running?? (I don't want to install nodejs)

dragosct
  • downloaded

Hi, @counselme4 ! Thank you for using our products. This product's not a simple HTML one, this is built on a framework which depends on node.js so without node.js the install it's not possible. If you want you can use the HTML version of this product. Regards, Dragos
5 years ago

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