Material Kit

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

MIT License

80,446 Downloads
218 Comments
Regular Support
Lifetime Updates
Release: 2 years ago
Update: 15 days 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!

218 Web Developers commented on this product

Report issue

moeidsaleem
  • downloaded
3 months ago

I would like to know if i can use Material UI and Material Dashboard together?

dragosct
  • downloaded

Hi, @moeidsaleem ! Thank you for using our product. We don't recommend you to combine the material kit with material dashboard, but if you want you can try with the following steps: 1. You can go to material-kit/assets/sass/material-kit/_fileupload.scss and put it in the same folder structure to material-dashboard. 2. Compile again the assets/sass/material-dashboard.scss SASS using Koala http://koala-app.com/ (make sure you set the output path to assets/css/material-kit.css). 3. Move the library for the file upload from material-kit/assets/js/jasny-bootstrap.min.js to the same folder in material-dashboard and then everything should work fine in the Dashboard. Please let us know if we can help you with anything else. Regards, Dragos
3 months ago

ranpardz21..
  • downloaded
2 months ago

I have this navbar-brand: <a href="/" class="navbar-brand">Some<span class="text-rose">Word</span></a> can anyone help me how to remove the on click animation? I just want it to be a plain text on any state - hover, active, focus. Thanks a lot.

moldovanst
  • owner

Hello @ranpardz21.. , thank you for using our product, that animation is from Material Design (bootstrap-material-design.js), if you want to remove it, you have to set "display: none;" for the "ripple-container" div that is inside of the <a class="navbar-brand"... >Some</a>. Best, Stefan
2 months ago

jpegamesqq
  • downloaded
2 months ago

Download error!

moldovanst
  • owner

Hello @jpegamesqq , thank you for using our template, it was a problem with our platform but we fixed it; please try to download again. Best, Stefan
2 months ago

lucianom99
  • downloaded
2 months ago

The download is bad! <Error> <Code>AuthorizationQueryParametersError</Code> <Message> Error parsing the X-Amz-Credential parameter; the region 'eu-east-1' is wrong; expecting 'us-east-1' </Message> <Region>us-east-1</Region> <RequestId>687F6B2037ECE0FE</RequestId> <HostId> TSZ3BC8D0SNrx0uQtnz1EcZYwaFeKq8131LqfH6TOWlXQvdx3k1CcZNPxvMnTOPNzcRg2NVeqaw= </HostId> </Error>

moldovanst
  • owner

Hello @lucianom99 , thank you for using our template, it was a problem with our platform but we fixed it; please try to download again. Regards, Stefan
2 months ago

lucianowanderley
  • downloaded
2 months ago

Thank's! The download is OK!

ahmedmohamedarab
  • downloaded
2 months ago

Hey guys, I'm having a problem with the datetimepicker, I've used just as described in the documentation, but the picker is not popping up and can't choose time, it also treats it as a text field, can you help me with that? thanks

moldovanst
  • owner

Hello @ahmedmohamedarab , please make sure that you initialize the datetimepicker on the page you want to use. You can send us a link to your project to check for the solution if the problem persists. Best, Stefan
2 months ago

tebogoodiselle
  • downloaded
2 months ago

Thanks alot guys, this is very very creative, im loving web development again.

moldovanst
  • owner

Hei @tebogoodiselle , thank you for using our products and for your kind words! Best, Stefan
2 months ago

hachi_daniel
  • downloaded
2 months ago

como ocultar os componentes ??

moldovanst
  • owner

Hello Daniel, gracias por usar nuestros productos, proporcione más detalles sobre los componentes que desea ocultar. todo lo mejor, Stefan
2 months ago

marcelop8y
  • downloaded
2 months ago

Is it possible to use this template with vue? how can i config that? im getting the error: $(...).bootstrapMaterialDesign is not a function at HTMLDocument.eval (material-kit.js?c119:20)

moldovanst
  • owner

Hello @marcelop8y , thank you for using our template, we just launched the Vue Material Design, please visit the following link: https://www.creative-tim.com/product/vue-material-dashboard. Best, Stefan
2 months ago

contactez
  • downloaded
2 months ago

Hi, in this bootstrap theme I can't find the files 'bootstrap.js', not 'bootstrap.css'. Not even rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> Any idea?

moldovanst
  • owner

Hello @contactez , thank you for using our templates, 'bootstrap.js' is included in the 'bootstrap-material-design.js' file; also you'll find the bootstrap style at this path 'scss/material-kit/bootstrap/scss/bootstrap.scss'. All the best, Stefan
2 months ago

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

Why our customers appreciate us

Design Quality

Excellent design...Loved it...Built with class, simplicity and style...It has got everything...

Design Quality

The components are greatly customizable and the look is premium. Was thinking if I could get some discount to buy the pro version of this material design.

Design Quality