Material Kit

Free Bootstrap 4 UI Kit
· 4.90/5 (574 Reviews)

MIT License

72,314 Downloads
205 Comments
Regular Support
Lifetime Updates
Release: 2 years ago
Update: 2 months ago
Icon html
Icon sass
Icon bootstrap

60 Handcrafted Components

2 Customized Plugins

3 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Material Kit Pro. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with 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
Upgrade to PRO
Opt mkp thumbnail

We are here to help you!

205 Web Developers commented on this product

Report issue

dxkw
  • downloaded
8 months ago

Hi, my initial html is empty and I create with javascript/dhtml the page. In this case the effects does not work. There is a way to activate the framework when new dinamic html code is generated? Is possible to change primary color with some css rule? Thanks in advance for any help!

alexpaduraru
  • downloaded

@dxkw Thank you for using our product. Please use the Arrive.js library for the dynamic content: https://github.com/FezVrasta/bootstrap-material-design#arrivejs-support. For the primary color, you can use the bootstrap classes for primary, info, success, etc. Please check the documentation for more information. Best, Alex!
8 months ago

romaine.halldp6
  • downloaded
8 months ago

Very rich in quality.........

jerickson.icamina
  • downloaded
8 months ago

Awesome work I'm in love with it

sri.nivaspcm
  • downloaded
8 months ago

VERY USEFUL

ณรงค์ชัย.เศิกศิริz8d
  • downloaded
8 months ago

1234 *****

adam.john.watts
  • downloaded
8 months ago

Love this kit, it has helped me a lot building a website for a family members business.

adam.john.watts
  • downloaded
8 months ago

Is there any way to make the Tabs with Icons on Card a fixed width / height? I have different info in each tab and it changes sizes when I switch between tabs.

alexpaduraru
  • downloaded

@adam.john.watts thank you for using our product. You can set a min-height for the ".card-content". Can you please send us a link to check it or some printscreens with what you want to achieve? I don't know if I understood right what you want to achieve. Best, Alex!
8 months ago

adam.john.watts
  • downloaded

Hi @axelut on this page http://xcanberracars.com/staff.html You can see that the tabs change size when you switch between them. I want to keep them uniform in size.
8 months ago

alexpaduraru
  • downloaded

@adam.john.watts I understand. You can add this code at the end of material-kit.css .card .content { min-height: 115px; } then everything will work fine. Best, Alex!
7 months ago

emmanuel.mtecgwa
  • downloaded
8 months ago

This is great , good job guys .

vipin.patel
  • downloaded
8 months ago

Awesome work

adam.john.watts
  • downloaded
7 months ago

@alexpaduraru Unfortunately it is not working, I have added it in the css as you have described. } .card .content { padding: 15px; min-height: 115px; } http://xcanberracars.com/assets/css/material-kit.css

alexpaduraru
  • downloaded

@adam.john .watts it seems the height of the biggest tab was changed in the meantime from my last visit to your website. Try with min-height: 135px; or the size that fits the best for your content. Best, Alex!
7 months ago

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

Why our customers appreciate us

Design Quality

Design Quality

Good Quality Design

Feature Availability

Awesome!