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

Material Kit

Free Bootstrap 4 Ui Kit
· 4.90/5 (904 Reviews)

MIT License

118,554 Downloads
271 Comments
Community Support
6 months Updates
Release: 3 years ago
Update: 19 days ago

60 Handcrafted Elements

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?
  • 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
Upgrade to PRO

We are here to help you!

271 Web Developers commented on this product

Github Docs FAQ Page

gboom.g
  • downloaded
2 years ago

"© 2017 Creative Tim, all rights reserved". Does the MIT license mean that I add the quoted line to all my projects made with free templates from creative tim? @alexpaduraru

alexpaduraru
  • downloaded

@gboom.g thank you for using our product. No, you can remove that as long as you keep our copyright in material-kit.css and material-kit.js. Best, Alex!
2 years ago

gaurang.vasava
  • downloaded
2 years ago

Hii great work... But header tags are not responsive in mobile view... Is there any fix?

alexpaduraru
  • downloaded

@gaurang.vasava thank you for using our product. Can you please open an issue on our github: https://github.com/creativetimofficial/material-kit/issues giving us all the details and print screens showing the issue? Then we will give you a fix, at this moment we didn't really understand what is the problem. Best, Alex!
2 years ago

fair.man
  • downloaded
2 years ago

Hello, how i can change primary color? I try changw in variables.sass and colors.sass, but its again purple.

alexpaduraru
  • downloaded

@fair.man please make sure you compile the scss/material-kit.scss with the output set to css/material-kit.css using a compiler like Koala (http://koala-app.com/). Let us know if that was working. Best, Alex!
2 years ago

kalimuthu.pandian
  • downloaded
2 years ago

Is it possible to get the whole package in HTML5 and CSS files without Jquery?

alexpaduraru
  • downloaded

Anonymous Tim thank you for using our product. No, we are using Bootstrap at the base of the product, which is built on top of jQuery. Hope this information helps. Best, Alex!
2 years ago

designer2911 2 years ago

I am new to web development and I really appreciate your work. Your templates are very creative and awesome.

regisantoniosouza
  • downloaded
2 years ago

Hi, first of all, the components are amazing! However, I am getting an issue: - I am developing using C#, and when I load the page for the first time, everything load right, but when I load for the second time using ajax (replacing only the content), the CSS has not been applied. The final HTML is 100% right. Do you have any suggestions how to solve it?

alexpaduraru
  • downloaded

@regisantoniosouza thank you for using our product. For Ajax dynamic content please add the arrive.js library as it is explained in the original framework documentation: https://github.com/FezVrasta/bootstrap-material-design#arrivejs-support Hope this helps. Best, Alex!
2 years ago

mathausvilanova
  • downloaded
2 years ago

First of all, I would like to thank you for share these amazing components with us! So, let me ask you something, can I use the free material kit to build my websites and publish them? What do I need to put on copyrights terms? Thank you!

alexpaduraru
  • downloaded

@mathausvilanova thank you for the kind words, yes you can do that. You don't have to add our copyright on the HTML, just keep it in the CSS and JS files but we would appreciate if you add a link to the product on your website's description or github's repo. Best, Alex!
2 years ago

juniorlinn
  • downloaded

iooo
2 years ago

rwarwema 2 years ago

Where can i find a walkthrough on how to integrate this(material Kit and Material dashboard) on my current projects?

alexpaduraru
  • downloaded

@rwarwema thank you for using our product. Please check the documentation of both products to see the components that are available and also this tutorial on how to work with a dashboard: https://www.youtube.com/watch?v=c3M3NQtFyqM&t=10s. The tutorial is from LBD Free, but it has the same structure as Material Dashboard. Hope this helps. Best, Alex!
2 years ago

shokri177
  • downloaded
2 years ago

i was just experimenting !!!!!

jacklaytonmoody
  • downloaded
2 years ago

@alexpaduraru Is there a way to easily implement this on a rails application (like a gem so that I don't have to use a bootstrap gem in addition to adding this?) Any help would be greatly appreciated. Also wondering if there is a student discount?

alexpaduraru
  • downloaded

Anonymous Tim thank you for your interest in working with our product. We sent you an email with more details about the Rails gem and student discount. Best, Alex!
2 years ago

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