Material Kit Pro

Premium Bootstrap 4 UI Kit
· 4.90/5 (262 Reviews)

License

1,961 Downloads
20 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 10 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!

20 Web Developers commented on this product

Report issue

mislavsutalo 24 days 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
  • owner

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

richmundofranco 23 days ago

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

aguy
  • downloaded
20 days 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
  • owner

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

paulo.sampaiopj5
  • downloaded
17 days ago

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

dragosct
  • owner

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

microcosmic

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

joeldesignera
  • downloaded
13 days ago

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

joeldesignera
  • downloaded
13 days ago

I am on BSD4 version anyways.

nick.jorens
  • downloaded
10 days 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
  • owner

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

gbinu47
  • downloaded
8 days 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 7 days 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
  • owner

Hi, @microcosmic ! Thank you for your solution and the video. Regards, Dragos
7 days 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
7 days ago

microcosmic 6 days 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

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

Why our customers appreciate us

Design Quality

Design Quality

very good design :)

Design Quality