Worldwide Creative Tim Meetups ❤️Give us a helping hand to make it happen!

Vuetify Material Dashboard

Vuetify Material Dashboard

Free Vuejs Admin Template
· 4.80/5 (119 Reviews)

MIT License

25,505 Downloads
85 Comments
Community Support
6 months Updates
Release: 1 year ago
Update: 1 month ago

16 Handcrafted Elements

2 Customized Plugins

7 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Vuetify 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?
  • Elements · 16
  • Plugins · 2
  • Examples Pages · 7
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 200
  • Plugins · 4
  • Example Pages · 8
  • + Documentation
  • + SASS Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

85 Web Developers commented on this product

Github Docs FAQ Page

andregce
  • downloaded
2 months ago

Hi guys! Love the template. But I was trying to add a vuetify banner to a view, but keep getting: Unknown custom element: <v-banner> - did you register the component correctly? Are not all vuetify components available? Or am I doing something wrong? To test it out, I added the following between line 13 and 14 on UserProfile.vue and got the error above. <v-banner single-line> One line message text string with two actions on tablet / Desktop <template v-slot:actions> <v-btn text color="deep-purple accent-4" > Action </v-btn> </template> </v-banner> Thank you so much in advance.

andregce
  • downloaded

Oh, it seems to be a versioning thing. This template was not built with the latest version of Vuetify. Are there plans to update?
2 months ago

andregce
  • downloaded

Sorry, I didn't realize that ver 2 was released 4 days ago only! I forked the project and am migrating it myself. Thanks!
2 months ago

amirhoseinansourian
  • downloaded
2 months ago

HI i tried to run the project in cmd and create a dev-server for this, to present it into the browser (( $npm run serve )). but there is bunch of errors when do this. whats wrong with this... am i doing something wrong? how can i create a dev server for this?

ahmed987
  • downloaded
2 months ago

hi, thank you for this wonderful project, I encountered a problem while run yarn install these errors that appeared error Couldn't find package "[email protected]^8.0.5" required by "@vue/[email protected]^3.0.1" on the "npm" registry. info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command. After that i run yarn add --dev [email protected]^8.0.5 and these errors that appeared info [email protected]: The platform "win32" is incompatible with this module. info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation. info [email protected]: The platform "win32" is incompatible with this module. info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation. warning " > [email protected]" has unmet peer dependency "[email protected]^3.0.0 || ^4.0.0". warning " > [email protected]" has incorrect peer dependency "[email protected]^2.5.18". warning "@vue/eslint-config-standard > [email protected]" has unmet peer dependency "[email protected]>=5.0.0-alpha.2". warning "@vue/eslint-config-standard > [email protected]" has unmet peer dependency "[email protected] - 5.x". warning "@vue/eslint-config-standard > [email protected]" has unmet peer dependency "[email protected]>=3.1.0". warning "@vue/eslint-config-standard > [email protected]" has unmet peer dependency "[email protected]>=3.19.0". warning " > [email protected]" has unmet peer dependency "@babel/[email protected]^7.0.0". warning " > [email protected]" has unmet peer dependency "[email protected]>=2".

dragosct
  • downloaded

Hi, @ahmed987 ! Thank you for using our products. Please be sure that you have the latest npm and nodejs installed. Anyway, this product will receive an update soon for the latest version of dependencies. Regards, Dragos
1 month ago

davidmh8o
  • downloaded
1 month ago

I don't have any issue with this template. I just wanted to tell you 'Thanks' for doing this. If you ever create a pro paid version of this, I'll buy it in a heartbeat.

dragosct
  • downloaded

Hi, @davidmh8o ! Thank you for using our products and for your kind words. The PRO version it's almost ready we have to fix the latest details before releasing the product. Regards, Dragos
1 month ago

it2557a
  • downloaded
1 month ago

Hi guys, I considering to buy this template but after local install I see that the visual experience is not the same as in your demo. The demo is more polished and well defined, while files you provide in download gives different visual experience. Why that? May you please update free demo so it actually look and feel as your online demo? Thank you in advance.

it2557a
  • downloaded

In fact it is not the same version at all...
1 month ago

it2557a
  • downloaded

Well, I got the clone from live-demo branch. But anyway :)
1 month ago

thisisafakeaddress
  • downloaded
1 month ago

Is there a base URL that I need to set for production? I've run the build 'npm run build', and it successfully generates the 'dist' folder. But everything is just 404. It can't seem to find all of the resources (js/css). I've even tried manually changing the path in index.html. No luck.

thisisafakeaddress
  • downloaded

I'm on Windows btw. 'npm run dev' works perfectly fine. I haven't tried the production build on my Ubuntu server yet.
1 month ago

thisisafakeaddress
  • downloaded

Ok it seems to be because the router is redirecting to / . So the production build will only work if it's placed at the root level, if it is placed in a sub-directory such as example.com/subdirectory, it won't be able to find the resource files.
1 month ago

mike36q
  • downloaded
1 month ago

Downloaded and ran this but it looks like a lot of the CSS classes are somehow missing in the download leading to it not looking correct.

johnatulan2015
  • downloaded
12 days ago

Amazing work. Salute you guys!

lazaroesus
  • downloaded
12 days ago

Hi, thanks for the project. I have a problem, the colors of Vuetify do not work!

lazaroesus
  • downloaded
12 days ago

For example <v-badge color="error" overlap> the color "error" declared in the theme "error: '#f55a4e'," does not work the badge looks gray

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