Interested in all of our Premium Products? Get our Awesome Bundles with discounts up to 70%! ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ

Material Kit

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

MIT License

123,186 Downloads
278 Comments
Community Support
6 months Updates
Release: 3 years ago
Update: 2 months 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!

278 Web Developers commented on this product

Github Docs FAQ Page

elainerose1992
  • downloaded
2 months 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
2 months ago

tyrin-j.osimen
  • downloaded
1 month 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
1 month ago

fahadaftab
  • downloaded
1 month 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
1 month ago

katsoltech
  • downloaded
1 month 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
1 month ago

nishinohinta
  • downloaded
28 days 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> ```

kokoskun
  • downloaded
10 days ago

Very Good

tiagorodrigues180985
  • downloaded
8 days ago

how to use! help please! navbar-toggler nav bar button

runcoded
  • downloaded
7 days ago

Downloaded :)

mark_radabaugh
  • downloaded
5 days ago

Does anyone know how to get the DateTimePicker to only use the date? I've looked on the GitHub documentation for the module, and the example they give doesn't work.

mark_radabaugh
  • downloaded
5 days ago

I can't get the modal to be centered on the screen. It's always seem to be float towards the bottom part of the screen. Is there any way to adjust so it comes up on the center of the screen?

moldovanst
  • owner

Hello @mark_radabaugh , thank you for using our products, the datepicker is a PRO component, so you can't change it to the only date in this product (please check the docs: https://demos.creative-tim.com/material-kit/docs/2.1/plugins/datetimepicker.html). Related to the modal component, we'll ask you to give us a link to your project to check for a solution because it looks good on the livePreview: https://prnt.sc/ptlmn6. All the best, Stefan
5 days ago

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