Worldwide Creative Tim Meetups ❤️Give us a helping hand to make it happen!

Material Kit

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

MIT License

120,697 Downloads
273 Comments
Community Support
6 months Updates
Release: 3 years ago
Update: 1 month 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!

273 Web Developers commented on this product

Github Docs FAQ Page

elainerose1992
  • downloaded
1 month ago

Hello, Thanks for the Great Product. I am facing an issue integrating this bootstrap material kit in Angular project, I know you have material kit dashboard for angular but I wanted a UI kit. The Navbar component Hamburger icon doesn't work on click when using a smaller screen it doesn't open the side menu on clicking it nothing happens. I have integrated the JS correctly, It's the issue with this themes CSS file because when I remove the your theme CSS the regular bootstrap navbar works fine but after adding this theme's CSS even the regular bootstrap navbar stops working. Please help me I am stuck on this. Thanks in advance.

moldovanst
  • owner

Hello @elainerose1992 , thank you for using our products, please download and check the burger from Material Dashboard on Angular. Best, Stefan
1 month ago

tyrin-j.osimen
  • downloaded
26 days ago

Can I use this template in Angular 8 project? If so how? Is this dependent on jQuery?

moldovanst
  • owner

Hello @tyrin-j.osimen , thank you for using our products, unfortunately, we didn't developed this product on Angular yet, but you can do it by yourself. And yes, it is depending on jQuery. All the best, Stefan
23 days ago

fahadaftab
  • downloaded
24 days ago

Hi, I'm using this free version of yours, material kit. I will publish in the USA, will it be some kind of issue or copyright claim? I need to talk in detail. Can you please respond to me asap.

moldovanst
  • owner

Hello @fahadaftab , thank you for using our products, there is no problem publishing it since you will keep our credits in the CSS and JS files. Hope this infos helps you. All the best, Stefan
23 days ago

katsoltech
  • downloaded
6 days ago

You Guys are great, i dont have money to buy your product, but i will never stop sharing your site. thank you

moldovanst
  • owner

Hello @katsoltech , thank you for using our products, and for your good thoughts. Please check this page also: https://www.creative-tim.com/coupon Best, Stefan
6 days ago

nishinohinta
  • downloaded
1 day ago

Hi, I use 4 <div class="main main-raised"> in one page and 4 modals for each ( code follows). When I trigger a modal, a modal is hidden by other main-raised div sometime. How can I fix this? ``` <div class="modal fade" id="{{ org.id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">Confirm Deletion</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <a class="btn btn-primary" href="{% url 'org_delete' org.id %}">Delete</a> </div> </div> </div> </div> ```

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