Material Kit

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

MIT License

86,323 Downloads
232 Comments
Regular Support
Lifetime Updates
Release: 2 years ago
Update: 2 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!

232 Web Developers commented on this product

Report issue

moeidsaleem
  • downloaded
5 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
5 months ago

ranpardz21..
  • downloaded
5 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
5 months ago

jpegamesqq
  • downloaded
5 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
5 months ago

lucianom99
  • downloaded
5 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
5 months ago

lucianowanderley
  • downloaded
5 months ago

Thank's! The download is OK!

ahmedmohamedarab
  • downloaded
4 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
4 months ago

tebogoodiselle
  • downloaded
4 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
4 months ago

hachi_daniel
  • downloaded
4 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
4 months ago

marcelop8y
  • downloaded
4 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
4 months ago

contactez
  • downloaded
4 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
4 months ago

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

Love the material style, so clean!