809 Downloads
88 Comments
Premium Support
Lifetime Updates
Release: 9 months ago
Update: 9 months ago
Icon html
Icon sass
Icon photoshop
Icon bootstrap

1000 Handcrafted Components

7 Customized Plugins

10 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Material Kit Pro in the light demo version. It has features from the full version. We hope you will like this introduction to this product!

What is in Demo?
  • Components · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Components · 1000
  • Plugins · 7
  • Example Pages · 10
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Get Free Demo
Opt mk thumbnail

We are here to help you!

88 Web Developers commented on this product

Report issue

leo.merkel
  • downloaded
1 month ago

Any news about Bootstrap 4?

axelut
  • owner

@leo.merkel thank you for using our product. The development of the BS4 will come after we finish with GSDK. We just responded to the other comment with a repo to view the progress. Best, Alex!
1 month ago

thrion
  • downloaded
1 month ago

@axelut Thanks for the tip on using bootstrap.min! That solved a TON of little tiny issues I could not resolve!

travisvzs
  • downloaded
29 days ago

Hi @axelut , just wondering what the status is on v1.1? I've pushed back a few tasks I think may benefit from the new components that were hinted at, but if it's going to be a while I should just stop procrastinating :) Thanks for a great design!

axelut
  • owner

@travisvzs thank you for using our product. Since we don't like to make you procrastinate we've just sent the Beta version of v1.1.0. You can work with that, the stable version will not change much of the code. You just need to replace the CSS and JS with the new ones. Please let us know if everything is fine. Best, Alex!
29 days ago

oliverrcy
  • downloaded
24 days ago

Oh, I would like to have the update too, please. ;)

axelut
  • owner

@oliverrcy we sent an email a couple of days ago with the Beta version. Please let us know if you have any feedback. Best, Alex!
19 days ago

oliverrcy
  • downloaded

Hey, just had a quick overlook. I like the new additions. Can't wait for the final product. :)
12 days ago

kennum
  • downloaded
20 days ago

Any word on the React version of this?

axelut
  • owner

@kennum we talked this weekend with a possible collaborator to build the React version. He will start soon to migrate the Free version. Then, based on the requests we will release the PRO version. So please stay tuned, more information will come soon. Thank you!
19 days ago

kennum
  • downloaded

@axelut Thanks!
18 days ago

entreluck
  • downloaded
12 days ago

@axelut please send beta version...Thanks in advance!

axelut
  • owner

@entreluck just sent it :D
10 days ago

audreey.alexandre 12 days ago

Hi everyone ! I have a quick question. I'm starting in webdesign, but I would like to make a website. So does any template allows you to change things in the PSD file and right away, is it coded as a real website? I don't get everything.. sorry if I bother ! I would like to make a website but make my own stuff on Photoshop as well. Do I have my own URL for it afterwards ? Thanks a lot, you are doing such a great job!

axelut
  • owner

@audreey.alexandre thank you for your interest in our product. The PSD is for design purpose, you have some components which you put together like Lego pieces to see how the final page will look. Then you go into the HTML code using an editor like Atom.io and start to put those elements together. For each element that is in PSD, there is an item coded. There is no link between the PSD and the HTML. You also need basic knowledge of HTML and Bootstrap (http://getbootstrap.com/) to get the full power of our products. From the URL perspective, you need to buy that from a hosting company and upload your site there, we are not selling hosting or domains, we are selling just templates and ui kits. Please let us if you have any further questions. Best, Alex!
9 days ago

vertigo
  • downloaded
11 days ago

Hello @axelut , I have the following question/issue: 1. How can I change the default Purple color to something else? 2. How can I change the input underline focus color? Is it possible to be dynamic on each field instead of one setup for all inputs? 3. Is it possible to use other button colors? the info,danger and etc. are very limited. 4.Why sometimes the input underline animation doesn't work? I'm actually testing in Chrome, when under Network I disable the Cache and refresh the page it runs with animation but without cache it doesn't animate. Best regards, Alex

vertigo
  • downloaded

@axelut as I already mentioned below, the issue regarding the animation is resolved. I only need your advise for my other questions. Thanks
11 days ago

vertigo
  • downloaded

Thanks @axelut , I found that line :). I will apply your mentioned tricks into my project.
9 days ago

axelut
  • owner

@vertigo thank you for using our product and sorry for the late response, we are preparing the launch of Material Dashboard PRO Angular 2. 1.You can find the colors in assets/sass/material-kit/_variables.scss starting with line 28 where is the primary color set: $brand-primary: $purple !default;. All the possible colors are in assets/sass/material-kit/_colors.scss Add the SASS folder from assets/sass/ to a new project inside Koala Compiler and find the file material-kit.scss, it will be the one in Green. Right click on that file and set the output path, it must be in assets/css/ so anything that you compile will overwrite the original material-kit.css Press on compile and everything will be done automatically. 2. To change the color of the input, you either change the primary color in SASS, as in the example from number 1, or you manually change the code inside the CSS on line 1682 in material-kit.css where is this class ".form-group.is-focused .form-control" you have to change the background-image property with the color that you want. To make that dynamic, you need to create extra classes like ".form-group.is-focused .form-control.is-red" where the class ".is-red" is making the "background-image: linear-gradient(red, red), linear-gradient(#D2D2D2, #D2D2D2);" 3. You can use the same trick as in example 1, and change the colors with anything that you want. Or you can create more buttons in assets/sass/material-kit/_buttons.scss check line 42 where we made the ".btn-rose", and you can use any color to generate new buttons with your class like ".btn-special-pink". 4. Can you please show us an example so we can check and give you a fix? Best, Alex!
9 days ago

vertigo
  • downloaded
11 days ago

@axelut the entire animation issue occurs on every browser. The button ripple is also gone when the animation fails. Please advise.

vertigo
  • downloaded

I actually find the issue. In my existing template I've got this code, after removing the code the input animation works normally. $('body').addClass('no-transitions');
11 days ago

axelut
  • owner

@vertigo got it. But, why did you have that code? Is it included in our product? I cannot find it :D
9 days ago

axelut
  • owner

@vertigo got it. No worries, hope you will get the best from our product!
9 days ago

vertigo
  • downloaded

My main template was designed on pure BS and then I started to adapt my template with your awesome kit. That's why I had that custom js code for my old template.
9 days ago

vertigo
  • downloaded
10 days ago

Is this the right page to ask questions regarding the kit? I still haven't received any response yet!

axelut
  • owner

@vertigo this's the right page, we just have been a little busy with the launch preparations of another product, sorry for the inconvenience :-( Best, Alex!
9 days ago

vertigo
  • downloaded

Thanks for responding all my above questions at once :). Have a nice evening!
9 days ago

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

Why our customers appreciate us

Design Quality

Design Quality

this is awesome ... good docs easy tracking

Design Quality

It is the best product/Kit in the world for web Developers with wide range of good quality components .