Material Kit Pro

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

License

2,545 Downloads
118 Comments
Premium Support
Lifetime Updates
Release: 2 years ago
Update: 2 months ago

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

We are here to help you!

118 Web Developers commented on this product

Report issue

jponzalez14
  • downloaded
5 months ago

how can I use this kit in an angular project?

jponzalez14
  • downloaded

I just did it so... thanks anyway :)
5 months ago

jponzalez14
  • downloaded
5 months ago

date picker, modals, tags and dropdown menus don't work when I try to use them in an Angular project. pleas help :(

dragosct
  • downloaded

Hi, @jponzalez14 ! Thank you for using our product. It's a normal thing that the plugins will not work if you want to migrate them to Angular, because for example in our product Material Dashboard Angular we use special angular components for date picker, modals and so on, we don't migrate the plugins from html to angular. In the next period we will release the Material Kit on Angular. Regards, Dragos
5 months ago

beatlejuan52bs
  • downloaded

Me too, waiting for Material Kit on Angular. :)
5 months ago

jponzalez14
  • downloaded
5 months ago

@dragosct thanks for you answer, however I finally did it. It works fine with angular. every component works great, there are some bugs but only visually but it can be solve with some extra code. nice work with your product I love it !!!

takahuliano

tt
5 months ago

rushter777
  • downloaded
5 months ago

@dragosct I added those classes for a different purpose. They work as I want them to. I wanted to change your default card settings to push all of the text of the card EVERYTHING (not yelling - lol - emphasizing) down so that the first text you see on the card is more than halfway down on the card. If that makes sense.

dragosct
  • downloaded

Hi, @rushter777 ! I'm glad that the classes worked for you, but if you want tu push the text down you can add the class mt-1 to the text div. This class mt have 5 values from mt-1 to mt-5. Regards, Dragos
5 months ago

matevisky
  • downloaded
5 months ago

What is the easiest way to change global font size, and turn of the rounded-bordering on the background windows. I do know how to change the colors (_brand.scss) but tweaking these stuff is hard to find. I would like to change the font size for example on the <p></p> tags globally but if I am incresing the default-font-size only the line height is incresed

dragosct
  • downloaded

Hi, @matevisky ! Thank you for using our product. The p tags don't have default font-size set, but you can go in assets/scss/core/type.scss and here you can set the global font-size of the p. Regards, Dragos
5 months ago

rushter777
  • downloaded
5 months ago

@dragosct I am not using version 2.0.3 yet - I am still on BS3.

dragosct
  • downloaded

Hi, @rushter777 ! Sorry about that. The route in MK Pro BS3 is assets/sass/material-kit/_typography.scss. Regards, Dragos
5 months ago

rushter777
  • downloaded
5 months ago

@dragosct I added those classes for a different purpose. They work as I want them to. I wanted to change your default card settings to push all of the text of the card EVERYTHING (not yelling - lol - emphasizing) down so that the first text you see on the card is more than halfway down on the card. If that makes sense. @dragosct I am not using version 2.0.3 yet - I am still on BS3. I think you were continuing an answer with @matevisky . Lol.

dragosct
  • downloaded

Hi, @rushter777 ! Sorry for the inconvenience. Please show me an example of what you want to do. Regards, Dragos
5 months ago

anonymous_007
  • downloaded
5 months ago

@dragosct : will you include the multi level drop down in this coming update?

dragosct
  • downloaded

Hi, @anonymous_007 ! Yes, we will add multi level dropdown. Regards, Dragos
5 months ago

danielrodrigo 5 months ago

Hi @dragosct any news about the IE11 issue? regards.

dragosct
  • downloaded

Hi, @danielrodrigo! The issue it comes from bootstrap from what I noticed. To fix this please remove from .navbar > container{ flex:1, -webkit-box-flex: 1, -ms-flex: 1 }. Regards, Dragos
5 months ago

ross.neufeld
  • downloaded
5 months ago

Is there anyway to do a sidebar menu with this?

dragosct
  • downloaded

Hi, @ross.neufeld ! Thank you for using our product. Unfortunatelly, if you are able to build a sidebar yes you can do a sidebar if you want, but in this kit we don't have a sidebar built only on the Material Dashboard Pro or Free. Regards, Dragos
5 months ago

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

Why our customers appreciate us

Design Quality

Totally awesome!

Design Quality

Beautiful Design, I love it!

Design Quality