This Easter, enjoy our magical offer! For the next days, you can get our awesome Bundles at a special price! 🐰

Material Kit

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

MIT License

104,855 Downloads
258 Comments
Community Support
6 months Updates
Release: 3 years ago
Update: 5 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!

258 Web Developers commented on this product

Github Docs FAQ Page

hericksonn
  • downloaded
1 year 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.
1 year 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
1 year ago

srihari.vp
  • downloaded
1 year 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
1 year 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.
1 year 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
1 year ago

mycyberweb
  • downloaded
1 year 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
1 year ago

matthewallenahern
  • downloaded
1 year 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
1 year ago

quetaylor
  • downloaded
1 year 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
1 year ago

pavi2410
  • downloaded
1 year 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
1 year ago

leonnelessi
  • downloaded
1 year ago

I'm very greatfull

guruin 1 year 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
1 year ago

yashpatel154
  • downloaded
1 year 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
1 year 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
1 year 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
1 year ago

grozdan96
  • downloaded
1 year 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
1 year ago

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