Interested in all of our Premium Products? Get the 'Big Bundle' with 95% discount!

Material Kit Pro

Premium Bootstrap UI Kit
· 4.90/5 (234 Reviews)

License

1,623 Downloads
172 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 15 days ago
Icon html
Icon sass
Icon photoshop
Icon bootstrap

1000 Handcrafted Components

7 Customized Plugins

11 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 · 11
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Get Free Demo
Opt mk thumbnail

We are here to help you!

172 Web Developers commented on this product

Report issue

leo.merkel
  • downloaded
9 months ago

Any news about Bootstrap 4?

axelut
  • downloaded

@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!
9 months ago

thrion
  • downloaded
9 months ago

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

travisvzs
  • downloaded
9 months 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
  • downloaded

@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!
9 months ago

oliverrcy
  • downloaded
8 months ago

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

axelut
  • downloaded

@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!
8 months ago

oliverrcy
  • downloaded

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

kennum
  • downloaded
8 months ago

Any word on the React version of this?

axelut
  • downloaded

@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!
8 months ago

kennum
  • downloaded

@axelut Thanks!
8 months ago

entreluck
  • downloaded
8 months ago

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

axelut
  • downloaded

@entreluck just sent it :D
8 months ago

audreey.alexandre 8 months 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
  • downloaded

@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!
8 months ago

vertigo
  • downloaded
8 months 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
8 months ago

vertigo
  • downloaded

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

axelut
  • downloaded

@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!
8 months ago

vertigo
  • downloaded
8 months 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');
8 months ago

axelut
  • downloaded

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

axelut
  • downloaded

@vertigo got it. No worries, hope you will get the best from our product!
8 months 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.
8 months ago

vertigo
  • downloaded
8 months ago

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

axelut
  • downloaded

@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!
8 months ago

vertigo
  • downloaded

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

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

Why our customers appreciate us

Design Quality

Very nice template.

Design Quality

Code Quality

A very extensible app for many cases, aweasome work!