Material Kit

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

MIT License

90,944 Downloads
237 Comments
Community Support
6 months Updates
Release: 2 years ago
Update: 4 months 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!

237 Web Developers commented on this product

Report issue

hericksonn
  • downloaded
9 months ago

How can I use Material Kit with Angular 2. There´s a tutorial to help me?

tomislav.borić
  • downloaded

Unfortunately I think you need Angular 2 template for fresh start.
9 months ago

dragosct
  • downloaded

Hi, @hericksonn ! Thank you for using our product. We will migrate the material kit on Angular soon and will be available for download. We don't know the exact date. Regards, Dragos
9 months ago

srihari.vp
  • downloaded
9 months ago

The Bootstrap 4 version doesn't work well with IE 11. The Navbar is not centered and the navbar-right goes to a new line.

dragosct
  • downloaded

Hi, @srihari.vp ! Thank you for your observation. We will fix this issue soon. Regards, Dragos
9 months ago

srihari.vp
  • downloaded

@dragosct Also, the SCSS files contain import statements for pro (which are not bundled in the free version) and breaks build on Angular.
9 months ago

dragosct
  • downloaded

Hi, @srihari.vp ! Yes, we know that and already we are working to fix this and we will make an update. Regards, Dragos
9 months ago

mycyberweb
  • downloaded
9 months ago

Hi. How add to navbar logo image?

dragosct
  • downloaded

Hi, @mycyberweb ! Thank you for using our product. Please see this link to see how to add logo image: https://github.com/creativetimofficial/material-kit/issues/107. Regards, Dragos
9 months ago

matthewallenahern
  • downloaded
8 months ago

Is this able to be displayed to the public?

dragosct
  • downloaded

Hi, @matthewallenahern ! Thank you for using our product. This product is under the MIT License. Please read this https://opensource.org/licenses/MIT. Regards, Dragos
8 months ago

quetaylor
  • downloaded
8 months ago

Will there be a UI Kit for react coming soon? I could probably figure out how to just use these component here in a react app but I want to know if a react build will be coming.

dragosct
  • downloaded

Hi, @quetaylor ! Thank you for using our product. Yes, the product will be available also on React but for the moment I don't know to tell you an exact date, but for sure will be available in the next period. Regards, Dragos
8 months ago

pavi2410
  • downloaded
8 months ago

Markdown generated HTML doesn't look good. Can you fix that? For eg, blockquotes

dragosct
  • downloaded

Hi, @pavi2410 ! Thank you for using our product. Please, can you be more specific about the problem? Regards, Dragos
8 months ago

leonnelessi
  • downloaded
8 months ago

I'm very greatfull

guruin 8 months ago

Is there a rails gem version of Material Kit Pro? I found this on GitHub and the project appears to be idle and it's not the pro version.

dragosct
  • downloaded

Hi, @guruin ! Thank you for using our product. We don't use ruby on our products. The Material Kit PRO is available to buy only in HTML for the moment. Regards, Dragos
8 months ago

yashpatel154
  • downloaded
8 months ago

Is it possible to add more brand-"colors" in the _brand.scss file or are we only limited to 6 pre-defined values?

dragosct
  • downloaded

Hi, @yashpatel154 ! Thank you for using our product. You can add what color and how many colors that you want in the _brand.scss file. You can customize like you want. Regards, Dragos
8 months ago

yashpatel154
  • downloaded

Hey @dragosct , so I added a new brand color called: $brand-black: #000000; Then I included a nav bar in my file and within the class of the nav bar, I included bg-black instead of primary. But nothing changed. So yeah going back to my question, even after adding and compiling the scss file, I am not able to use the new brand color on any of the components. Please help!! Thanks
8 months ago

dragosct
  • downloaded

Hi, @yashpatel154 ! You are sure that you have the same name of the variable that you declared in the variables? Regards, Dragos
8 months ago

grozdan96
  • downloaded
8 months ago

Hi, I am using material_kit_free_v.1.1.1, but I would like to use the carousel which is auto_sliding and it has arrows to the left and right from the new version. The classes and id's are different, why is that when you use in both of the versions Bootstrap 4 and how can i make it work?Any tutorial would be great! Thanks!

dragosct
  • downloaded

Hi, @grozdan96 ! Thank you for using our product. The carousel have the same style like in the BS3 version but it's a new carousel that works only with BS4, the javascript is a new one from bootstrap so if you just change the id's and classes will still not work, but you can make it autoslide with an option please see this link: https://getbootstrap.com/docs/3.3/javascript/#carousel Regards, Dragos
8 months ago

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