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

vikramchandra
  • downloaded
10 months ago

Hi, If I purchase the premium version of material kit will I have to pay again for Bootstrap 4 version?

axelut
  • downloaded

@vikramchandra just responded on the other product, thank you for your interest in our products! No, if you've got the BS3 version you will get the BS4 version for Free. Please let us know if we can help you with any other information. Best, Alex!
10 months ago

thrion
  • downloaded
10 months ago

Any chance of getting the pro version of material kit available as a ruby gem? I've been challenged getting material kit sass and bootstrap sass to play nice from scratch. Love the look!

axelut
  • downloaded

@thrion thank you for using our product. Unfortunately, we don't have a Ruby Gem version but we sent you on email another solution. Best, Alex!
10 months ago

dean.stokes
  • downloaded
10 months ago

Hey @axelut - I've just gone live with our site and submitted to the gallery - www.appsevents.com I'd really like to reduce the height of the slider on the homepage. Is there an easy way to achieve this, so it is half the screen height, for example?

axelut
  • downloaded

@dean.stokes thank you for using our product and congrats for the launch! We will approve it in our gallery soon. Yes, you can adjust that by going to /assets/css/material-kit.css find ".page-header" class, it should be around line 6125 and change the min-height:100vh with min-height:60vh or the value that you want, you can also use pixels values like "500px". Please let us know if that was helping you. BTW, the webpage is looking very very good! Congrats! Best, Alex!
10 months ago

adrian.benavides 10 months ago

Hi again @axelut , any update on the next update? Estimated release date or something. Thanks

axelut
  • downloaded

@adrian.benavides the update is ready, we are doing some final tests on it on different devices and browsers. If you want, we can send the current v1.1beta to you to have a look on it. What do you think? Best, Alex!
10 months ago

adrian.benavides

@axelut I would LOVE it!! That would help a lot to advance some pending tasks I have in mind. Thanks in advance :)
10 months ago

madsen_43 10 months ago

Hi! I am having trouble with the google map on the contact page. Conflicting API Keys.. can you tell me where (which file) I can find the one you have provided? Thank you. Love the design :)

axelut
  • downloaded

Anonymous Tim thank you for using our product. Please follow these steps and then send the link to your website to us if you still have the issue: 1. Go to https://developers.google.com/maps/documentation/javascript/get-api-key 2. Scroll to the “Get an API key” Title and press the “Get a Key” Button 3. Choose a name for your project then press on Create and Enable API 4. Get the Key and place it in your project where is this script: <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
10 months ago

madsen_43

@axelut - I did what you just wrote, but it just gives an error message. http://nextbooking.io/web/contact-us.html
10 months ago

axelut
  • downloaded

Anonymous Tim I've checked and it looks like you have 2 x google maps scripts 1 with "<script async...>" and it is commented and 2 which contains the "v=3.exp>", please check the next image to see what I mean: http://imgur.com/a/53HED. Please follow my 1234 steps from the other comment and use the scripts exactly how I presented there, nothing more, nothing less, no async, no callbacks etc. Please replace the script which contains "v=3.exp" with the one that is having the key where is the text "?key=YOUR_KEY_HERE" then send again the link to see how the things are going. Best, Alex!
10 months ago

madsen_43

@axelut Thank you very much! It worked as you said it would :)
10 months ago

doc.user
  • downloaded
10 months ago

Have been pumped for version 1.1 since 1.0 was released. Any updates on the release schedule for 1.1? :D

axelut
  • downloaded

@doc.user thank you for using our product. The v1.1 will be really awesome, we are very excited about that release. It will be live on Wednesday, so please stay tuned, a lot of new components will come :D
10 months ago

matt.yokanovich
  • downloaded
10 months ago

@axelut, is there any possibility of including the documentation with the personal license? I bought it thinking there was documentation and I'm lost with certain components. Thanks!

axelut
  • downloaded

@matt.yokanovich thank you for using our product. The documentation can be found in the tutorial-components.html file from your archive. Please let us know if you've got it. Best, Alex!
10 months ago

yogeshydv98
  • downloaded
10 months ago

How can make a modal content scrolable

axelut
  • downloaded

@yogeshydv98 thank you for using our product. Here is a tutorial on how to do that: http://stackoverflow.com/questions/25874001/how-to-put-scrollbar-only-for-modal-body-in-bootstrap-modal-dialog Please let us know if we can help you with anything else. Best, Alex!
10 months ago

obaid.paracha
  • downloaded
10 months ago

Hello there @axelut, will there be BS4 version anytime soon ? it would be best to start working with BS4 as it would be mainstream soon, and full flex support is what is best for future projects.

axelut
  • downloaded

@obaid.paracha thank you for using our product. The BS4 Version will come after we release the GSDK on BS4, at this moment we are still working hard to migrate that kit to BS4 (since it is the first UI Kit that we migrate to BS4 there are a lot if issues that we find) then I hope the migrations of the other UI Kits like MK and MK Pro to come easier. Unfortunately, we don't have an ETA for MK Pro on BS4, probably end of February, beginning of March. Hope this information will help you. Best, Alex!
10 months ago

yogeshydv98
  • downloaded
10 months ago

how to upgrade to v1.1

f.schaal
  • downloaded

Did you already download it? I can't find the download for 1.1
10 months ago

axelut
  • downloaded

@yogeshydv98 @f.schaal the launched was delayed with a couple of days, the new update is really big with a lot of new items and every test on different Mobiles/Tables/Desktops/ with different Operating Systems and Browsers is taking us more time than we expected. We've estimated that it will take us 1-2 days to release it. So please stay tuned and thank you for your patience! Here are some example of the new cards that are coming: https://sendvid.com/z5w2s1l0
10 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!