609 Downloads
59 Comments
Premium Support
Lifetime Updates
Release: 7 months ago
Update: 7 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!

59 Web Developers commented on this product

Report issue

vikramchandra
  • downloaded
14 days ago

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

axelut
  • owner

@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!
12 days ago

thrion
  • downloaded
12 days 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
  • owner

@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 days ago

dean.stokes
  • downloaded
11 days 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
  • owner

@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 days ago

adrian.benavides 6 days ago

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

axelut
  • owner

@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!
5 days 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 :)
5 days ago

madsen_43 5 days 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
  • owner

@madsen_43 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>
3 days ago

madsen_43

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

axelut
  • owner

@madsen_43 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!
2 days ago

madsen_43

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

doc.user
  • downloaded
3 days ago

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

axelut
  • owner

@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
2 days ago

matt.yokanovich
  • downloaded
1 day 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!

yogeshydv98
  • downloaded
6 hours ago

How can make a modal content scrolable

obaid.paracha
  • downloaded
3 hours 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.

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

Why our customers appreciate us

Design Quality

best thing

Design Quality

Design Quality