17,863 Downloads
56 Comments
Regular Support
Lifetime Updates
Release: 10 months ago
Update: 6 months ago
Icon html
Icon sass
Icon bootstrap

60 Handcrafted Components

2 Customized Plugins

3 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Material Kit 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?
  • Components · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Components · 1000
  • Plugins · 7
  • Example Pages · 10
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Upgrade to PRO
Opt mkp thumbnail

We are here to help you!

56 Web Developers commented on this product

Report issue

dhaval2013
  • downloaded
8 months ago

thanks to whole team of behind this project and made this.. I have little question Can i Change the default form input field Purple to Blue?... Thanks

axelut
  • owner

@dhaval2013 thank you for using our product and for the kind words. If you go to material-kit.css on line 1152 where is this class ".form-group.is-focused .form-control" you can change the linear-gradient colors with the colors that you want for the background-image property. Please let us know if everything was working fine. Best, Alex!
8 months ago

dhaval2013
  • downloaded
8 months ago

@axelut thank you for your fast reply and finally i change the color & it's working Perfect.

adrian.voinicu 8 months ago

Material Kit + Light Bootstrap Dashboard would be an absolute banger! Nice work guys!

axelut
  • owner

@adrian.voinicu glad that you like our products. Good luck with the development. Best, Alex!
8 months ago

owasi
  • downloaded
8 months ago

Love it ♥ Thanks Buddies

axelut
  • owner

You're welcome! :-)
8 months ago

georgius
  • downloaded
8 months ago

This is the best Material Design for Bootstrap solution! I found problem with material-kit.css and last version (4.17.37) of bootstrap-datetimepicker - no reaction on button click and no calendar popup. When I comment material-kit.css, normal behavior resored. Please, make your kit compatible with bootstrap-datetimepicker or offer any workaround

axelut
  • owner

@georgius thank you for using our product. Can you please send us an email with the archive with your bootstrap-datetimepicker integration or send us the link to your project to check on the live example and give you a quick fix? Best, Alex!
8 months ago

georgius
  • downloaded

please look at sample page: https://drive.google.com/file/d/0BzprZVk0q-wCWnJiSGJ0TkVkeFk/view?usp=sharing Just basic example of bootstrap-datetimepicker, zipped. Almost everything, except material Kit, from various CDN, latest versions. Thank you for helping
8 months ago

axelut
  • owner

@georgius thank you for the archive. We've checked and it looks like you need to add some extra properties for the DateTime Picker plugin ".bootstrap-datetimepicker-widget.dropdown-menu{ visibility: visible; opacity: 1; }". Add that at the end of material-kit.css. Please let us know if everything is working fine. Best, Alex!
8 months ago

georgius
  • downloaded

It really works! Thanks a lot!!!
8 months ago

pauldavid.lozano
  • downloaded
8 months ago

Great job! One question (two actually). 1) How do I make a responsive gallery here? 2) How do I make a contact form (not required to place PHP)?

axelut
  • owner

@pauldavid.lozano thank you for using our product. There is an example of "gallery" in the profile page, and that is responsive. For the contact form, you need a server-side language that will process the request, so we recommend you to use PHP. Best, Alex!
8 months ago

salkeen.khan 7 months ago

great work

axelut
  • owner

@salkeen.khan thank you! Glad that you like it :-)
7 months ago

edreesjalili
  • downloaded
7 months ago

So I am pretty new to Sass. If i wanted to create a new btn class called btn-secondary that just changes the background color of a button, any ideas on how i would accomplish this?

edreesjalili
  • downloaded

Actually i think i may have figured it out. I went into the mixins and added a clause for -secondary in the generic-variations mixin. Not sure if this was the proper way to do it because I am pretty sure I created (element)-secondary classes for any element that uses this mixin instead of just creating a single button.
7 months ago

axelut
  • owner

@edreesjalili thank you for using our product. Those mixins were made to follow the Bootstrap Structure (element)-[primary/info/success etc.] so yes it is generating for all the items. We've made some changes for the PRO version so it will be easier to generate independent buttons. After we release the PRO version we will add those changes in the Free version too. So you can keep your changes like that till we release the new update then you just use the more simple way to create different buttons. All the best, Alex!
7 months ago

hayden.a.carnegie
  • downloaded
7 months ago

Will this be updated for Bootstrap 4.0?

axelut
  • owner

@hayden.a.carnegie thank you for using our product. Yes, it will be updated to BS4 when they will release at least the Beta version. From what we read, the Alpha version is not good for production or live sites, so we don't to give to our users a product that is not stable yet. Best, Alex!
7 months ago

johnthuo1996
  • downloaded
6 months ago

love all your products...do you guys offer video tutorials for students

axelut
  • owner

@johnthuo1996 thank you for the kind words. At this moment we have video tutorials just for the Light Bootstrap Dashboard -> https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w in future we will release more video tutorials. Best, Alex!
6 months ago

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

Have checked almost all material libraries out there, mdl, materliazecss, vuematerial, material-ui, bootstrap-material-design, and so many more, but this one takes the cake.