The first 100 people that buy one product, will get another one for free.

Material Kit Pro

Premium Bootstrap 4 Ui Kit
· 4.90/5 (406 Reviews)

License

3,045 Downloads
169 Comments
Premium Support
6 months Updates
Release: 3 years ago
Update: 9 months ago

1000 Handcrafted Elements

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?
  • Elements · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 1000
  • Plugins · 7
  • Example Pages · 11
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Get Free Demo

We are here to help you!

169 Web Developers commented on this product

Github Docs FAQ Page

mislavsutalo 1 year ago

Hi @dragosct, thank you for your answer. Where I can find your inputs that are ready? Do you have some range slider inputs? What if I will buy Material Kit PRO, can I make range slider inputs? Is there any difference in PRO and Demo scripts? Can I give PRO theme to some developer to make functional range slider inputs? Please be patient with me, I am new in this bussines, maybe my questions are funny. :)

dragosct
  • downloaded

Hi, @mislavsutalo ! Don't worry we are here to help. If you will look here: http://demos.creative-tim.com/material-kit-pro/index.html, and you will search for Sliders you will see our slider examples. For the scripts that are also in PRO version is no difference, the differences are that in PRO you have more scripts and more plugins then demo version. Please tell us if our sliders are exactly what you looking for. Regards, Dragos
1 year ago

richmundofranco 1 year ago

Checkout these awesome fully coded design resources. #bootstrap #webdesign

aguy
  • downloaded
1 year ago

If you take out the demo tags on the landing page examples it will throw a jquery error. lines 97-101 of material-kit.js reference "materialKitDemo" instead of "materialKit" if (window_width >= 768) { big_image = $('.page-header[data-parallax="true"]'); if (big_image.length != 0) { $(window).on('scroll', materialKitDemo.checkScrollForParallax); }

dragosct
  • downloaded

Hi, @aguy ! Thank you for using our product. On what tags did you refer, because in landing page we don't have tags? Regards, Dragos
1 year ago

paulo.sampaiopj5
  • downloaded
1 year ago

How can I change the language of the datetimepicker plugin from my HTML? Is it possible? Or only changing moment.js file?

dragosct
  • downloaded

Hi, @paulo.sampaiopj5 ! To change the language of datetimepicker you need to add the javascript language file,after the moment library script, then when you initialize the datetimepicker you must put the option: $('#datetimepicker1').datetimepicker({locale:'es'}); . The ' es ' is just for example, there you must put the lnguage. Regards, Dragos
1 year ago

microcosmic

Just for reference: https://eonasdan.github.io/bootstrap-datetimepicker/#using-locales
1 year ago

joeldesignera
  • downloaded
1 year ago

I can't seem to compile the scss. There seems to be some issue in _utilities.scsss

joeldesignera
  • downloaded
1 year ago

I am on BSD4 version anyways.

nick.jorens
  • downloaded
1 year ago

@dragosct I'm a very happy customer, but I can't seem to get the parralax/color-on-scroll working. What file makes this work?

dragosct
  • downloaded

Hi, @nick.jorens ! Thank you for using our product. Please take the 2.0.2 version and please try to see if it works now, because we moved some functions in this version. Regards, Dragos
1 year ago

gbinu47
  • downloaded
1 year ago

Hi @dragosct, the date-time picker does not work on a modal. When I add a date field on top of a modal, the calendar shows up, but I can't select dates. The dates keep flickering, and can't change the month either.

microcosmic 1 year ago

Hi gbinu47. It does work (I have used 2.0.2 BS 4). See the video at https://drive.google.com/file/d/1FHj75p8doIe44VCONzZlMhTxt44NGuFM/view I have copied the existing <input type="text" class="form-control datetimepicker" value="10/05/2016"> into the modal body and added only this CSS: .bootstrap-datetimepicker-widget.dropdown-menu.bottom { top: 26px !important; }

dragosct
  • downloaded

Hi, @microcosmic ! Thank you for your solution and the video. Regards, Dragos
1 year ago

gbinu47
  • downloaded

Hi, I was not more specific in the last comment - the datetimepicker does not work inside a form tag - Dates keep on flickering, and I can't select dates/hours, or a different month - see attached video: Added existing <input type="text" class="form-control datetimepicker" value="10/05/2016"> into the demo login form, and it doesn't work as intended. https://drive.google.com/file/d/1KynHyDHR49zWvU1dAtm8w4No8ORyRHmE/view?usp=sharing Datetimepicker doesn't work properly inside a form tag. Thank you
1 year ago

microcosmic 1 year ago

Hey @gbinu47 ... you are right. The only solution I can come up with now is the following: use the datetimepicker outside the form, add a hidden input inside the form. With some jQuery you can now add the datetimepicker value to the hidden input inside the form. http://eonasdan.github.io/bootstrap-datetimepicker/Functions/ ... see dp.change

eravillesteve
  • downloaded

Hello Guys, I'm still experiencing the same issue with the datetimepicker. I cannot select any dates. Any solution about it since? Thanks
1 year ago

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