Material Kit

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

MIT License

80,665 Downloads
218 Comments
Regular Support
Lifetime Updates
Release: 2 years ago
Update: 17 days ago

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

We are here to help you!

218 Web Developers commented on this product

Report issue

dxkw
  • downloaded
11 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!
11 months ago

romaine.halldp6
  • downloaded
11 months ago

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

jerickson.icamina
  • downloaded
11 months ago

Awesome work I'm in love with it

sri.nivaspcm
  • downloaded
11 months ago

VERY USEFUL

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

1234 *****

adam.john.watts
  • downloaded
11 months ago

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

adam.john.watts
  • downloaded
11 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!
10 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.
10 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!
10 months ago

emmanuel.mtecgwa
  • downloaded
10 months ago

This is great , good job guys .

vipin.patel
  • downloaded
10 months ago

Awesome work

adam.john.watts
  • downloaded
10 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!
10 months ago

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

Why our customers appreciate us

Design Quality

bagus bang

Design Quality

Excellent design...Loved it...Built with class, simplicity and style...It has got everything...

Design Quality

The components are greatly customizable and the look is premium. Was thinking if I could get some discount to buy the pro version of this material design.