35,591 Downloads
110 Comments
Regular Support
Lifetime Updates
Release: 1 year ago
Update: 4 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 · 11
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Upgrade to PRO
Opt mkp thumbnail

We are here to help you!

110 Web Developers commented on this product

Report issue

dhaval2013
  • downloaded
1 year 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!
1 year ago

dhaval2013
  • downloaded
1 year ago

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

adrian.voinicu 1 year 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!
1 year ago

owasi
  • downloaded
1 year ago

Love it ♥ Thanks Buddies

axelut
  • owner

You're welcome! :-)
1 year ago

georgius
  • downloaded
1 year 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!
1 year 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
1 year 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!
1 year ago

georgius
  • downloaded

It really works! Thanks a lot!!!
1 year ago

pauldavid.lozano
  • downloaded
1 year 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!
1 year ago

salkeen.khan 12 months ago

great work

axelut
  • owner

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

edreesjalili
  • downloaded
11 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.
11 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!
11 months ago

hayden.a.carnegie
  • downloaded
11 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!
11 months ago

johnthuo1996
  • downloaded
11 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!
11 months ago

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

Why our customers appreciate us

Design Quality

Design Quality

Thank you for creating this UI Kit. Love from India.

Design Quality

Thank you for creating this UI Kit. Love from India.