1,262 Downloads
143 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 3 months 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!

143 Web Developers commented on this product

Report issue

axelut
  • owner
1 year ago

We are very excited for this new release. Please give us any feedback or suggestions, we would like to make Material Kit PRO better :D

ignacio.delamadrid
  • downloaded
1 year ago

I loved your free version and I will start rocking my personal project with this PRO version. Kudos! I will be commenting here a lot guys! Cheers!

axelut
  • owner

@ignacio.delamadrid thank you for using our products! Please let us know how the development is going and share with us what you are building. Best, Alex!
1 year ago

matt.ginty
  • downloaded
1 year ago

Just bought this and assumed it would be Bootstrap 4 as it uses SASS and makes use of FezVrasta's bootstrap-material-design. There is a decent branch @ https://github.com/FezVrasta/bootstrap-material-design/tree/v4-dev/js so just wondering if you will be upgrading to BS4 and, if so, if you had an ETA.

axelut
  • owner

@matt.ginty thank you for using our product. Yes we have in plan to upgrade the product to BS4 as soond as Mark Otto and the Contributors of BS will release at least a stable BETA. At this moment BS 4 is in Alpha which is NOT recommended to be used inside production or live web applications because it is not stable yet. So we don't want to give to our users a product that have the Fancy BS4 name in it when we know there are high chances to have weird behaviour on different browsers/operating systems/phones/tablets. Hope this make sense for you and when there will be something stable we will 100% migrate to that. Best, Alex!
1 year ago

matt.ginty
  • downloaded
1 year ago

@axelut thanks for the reply. Whilst BS 4 is not production ready, when building new products it would seem unwise to choose BS 3.x when the timeline for the release of the product will (most likely) be after BS 4 is released. Essentially it would mean the product would require an upgrade too close to launch and will then be stuck on BS 3.x. In the past this hasn't caused major issues but BS 4 introduces many new concepts and features - such as the complete rewrite to SASS and the transition of panels to cards, etc. Essentially my team would much prefer to write code that will conform to BS 4 and then work with a base that can be easily updated every month with bug fixes rather than a soon-to-be out of date base that requires a shift in code implementations and build processes if an upgrade is to be made. I understand your viewpoint as you are supporting a product, and it makes sense for it to be based upon a stable base so that it can be easily supported... but the reality is that anyone buying a new design kit is probably building a new product and therefore doesn't/(shouldn't) want to write code that will be out of date in ~3 months. What would be awesome is if you made your upgrade/migration branch available to paying customers so that they can opt in to your BS 4 kit with the caveat that it is unstable and frequently changed - they could actually provide you with valuable QA feedback if you went with this approach too. (e.g. private GitHub issue access or somethin') - just a thought.

axelut
  • owner

@matt.ginty now I understand perfectly your point of view, you're right. The only problem is that at this moment there is no date for the Beta or something stable. We will think at a way to have a development ready product based on BS4 and include that on the default archive. Then the user will choose which is the best option for him. Also, the Private Repo sharing is a good idea for fixing issues. We keep in touch :D
1 year ago

ignacio.delamadrid
  • downloaded
1 year ago

Hi guys, I'm using django and by the time I was collecting my staticfiles, it crashed due to the fact that bootstrap.min.css has references to all the fonts (eot, svf, ttf...) I looked for the fonts directory in the unzipped assets and it wasn't there. I solved the issue downloading the fonts from github but, is this on purpose or are the fonts missing from your zip file?

matt.ginty
  • downloaded

I believe this is due to the bootstrap-sass dependency. If you `npm install bootstrap-sass` you can include the uncompiled version of bootstrap and with that, comes any images/fonts that bs may require.
1 year ago

axelut
  • owner

@ignacio.delamadrid thank you for the information. We didn't include Glyphycons font in the archive because we don't use them anywhere. We use Font Awesome and Material Design Icons as the base icons for the MKP. We will update the bootstrap.min.css with the one without Glyphycons so there will be no more issues. Please download the Bootstrap without those icons from this source: http://getbootstrap.com/customize/?id=bc1e2169b6e15841374d36aeb1b43567 Please let us know if that is working fine. Best, Alex!
1 year ago

joshmurrayeu
  • downloaded
1 year ago

Fantastic kit! Absolutely beautiful. Used it for a client already! Thanks Alex and the team :)

axelut
  • owner

@joshmurrayeu glad that you like it. Please share with us the progress so we can give you feedback. Best, Alex!
1 year ago

minhdiem1102 1 year ago

Hi guys. I love this version. I'm finding Multiple Input File with Preview. Does this version has it? Thank you so much.

axelut
  • owner

@minhdiem1102 thank you for the kind words. At this moment we have a File Upload Preview working for 1 file and can be found in the Javascript Components -> http://demos.creative-tim.com/material-kit-pro/index.html#javascriptComponents We found this JSFiddle that can help you implement a preview for multiple files here: http://jsfiddle.net/fyneworks/2LLws/. Please let us know if we can help you with anything else. Best, Alex!
1 year ago

ignacio.delamadrid
  • downloaded
1 year ago

Hey guys, do you plan in adding a lightbox element to the kit? I want to make some images clickable and show an amplified version of it. Do you recommend using the regular modal for that?

axelut
  • owner

@ignacio.delamadrid at this moment we don't have this in the working plan for the next update but if there will be more requests for the lightbox we will definitely add it. Yes, the regular Modal is a very good idea. You can also set "padding: 0" for the .modal-body class, to make the image look better and not framed.
1 year ago

ignacio.delamadrid
  • downloaded
1 year ago

Hey guys, any plan on adding flippable cards to the arsenal of MaterialKit PRO?

axelut
  • owner

@ignacio.delamadrid yes, we've got many requests from our users to integrate the Rotating Cards, so they will come 100% in the next update. We don't know exactly when the update will come (July-August) because it will be a big update with new features, components and pages. Best, Alex!
1 year ago

ignacio.delamadrid
  • downloaded
1 year ago

Guys, what do you suggest to do if my comments thread is very big? do you have any js functionality that can help with that scenario? maybe a "Load More" plugin? sorry about that question, but I don't know if that is out of scope for the kit.

axelut
  • owner

@ignacio.delamadrid we don't have that javascript implemented because it depends on how the user is creating the Backend (PHP, Ruby, ASP .net) and how it is generating that new content that appear when you press on Load More. We found this tutorial that can help you to load the content with Ajax: https://www.youtube.com/watch?v=IWEgjmQgLTU Please let us know if that was useful. Best, Alex!
1 year ago

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

This made my life so much easier.