Interested in all of our Premium Products? Get the 'Big Bundle' with 95% discount!

Material Kit Pro

Premium Bootstrap UI Kit
· 4.90/5 (234 Reviews)

License

1,621 Downloads
171 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 15 days ago
Icon html
Icon sass
Icon photoshop
Icon bootstrap

1000 Handcrafted Components

7 Customized Plugins

11 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Material Kit Pro in the light demo version. It has features from the full version. We hope you will like this introduction to 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
Get Free Demo
Opt mk thumbnail

We are here to help you!

171 Web Developers commented on this product

Report issue

farhad.aghababaei
  • downloaded
1 month ago

Hi, Please add <a href="http://demos.creative-tim.com/fresh-bootstrap-table">Fresh bootstrap table</a> to Material Kit. Thank you.

tomuh9
  • downloaded
1 month ago

It's YOUR page here http://demos.creative-tim.com/material-kit-pro/examples/ecommerce.html just thought you should know

axelut
  • downloaded

@tomuh9 thank you for the information. Wow! It seems something should be fixed there. We will look tomorrow and fix that. Keep in touch, Alex!
1 month ago

akarawin.satho

@axelut hi I just bought this theme but I didnt get product or email back only get my message told me that I already spend my money on this theme...
25 days ago

axelut
  • downloaded

@akarawin.satho thank you for using our product. I've checked and it seems the product is in your account. Can you please confirm that you have access to it? Best, Alex!
24 days ago

isanjayachar 1 month ago

I see lot of required components missing, like Modal, toasts, etc etc.. Any ETA for these?

axelut
  • downloaded

@isanjayachar we have the default Bootstrap Modals + 5 new design styles from them, please check them here: http://demos.creative-tim.com/material-kit-pro/index.html#javascriptComponents Hope this helps. Best, Alex!
1 month ago

isanjayachar

Sorry @axelut , that was my bad
1 month ago

isanjayachar 1 month ago

How do I combine Material Kit Pro and Material Angular Dashboard Pro?

axelut
  • downloaded

@isanjayachar Here is a quick presentation on how to use the products: 1. The Dashboard should be used for the Admin/CMS part of your website/startup. Here is where you control everything from the management part, where you see stats like _this_ (http://demos.creative-tim.com/material-dashboard-pro/examples/dashboard.html) about your products/users, where you _edit/add/delete_ (http://demos.creative-tim.com/material-dashboard-pro/examples/tables/datatables.net.html) different items, etc. This is the control panel of your site. The Dashboard also includes the _Login Page_ (http://demos.creative-tim.com/material-dashboard-pro/examples/pages/login.html), _Register Page_ (http://demos.creative-tim.com/material-dashboard-pro/examples/pages/register.html) or _Lock Screen Page_ (http://demos.creative-tim.com/material-dashboard-pro/examples/pages/lock.html) so you can use them to have the access to the Dashboard 2. The UI Kit should be used for the part where you present your business. You can create with the kit the _Landing Page_ (http://demos.creative-tim.com/material-kit-pro/examples/landing-page.html) of your startup/website, the _Contact Us Page_ (http://demos.creative-tim.com/material-kit-pro/examples/contact-us.html) the _Pricing Page_ (http://demos.creative-tim.com/material-kit-pro/examples/pricing.html) the _About Us Page_ (http://demos.creative-tim.com/material-kit-pro/examples/about-us.html) etc. Or you can use this to create also your _Blog_ (http://demos.creative-tim.com/material-kit-pro/examples/blog-posts.html), where you will keep in touch with your audience. You can also built your own pages with already made sections -> _http://demos.creative-tim.com/material-kit-pro/sections.html_ (http://demos.creative-tim.com/material-kit-pro/sections.html) The basic idea is that you should keep the products separate and not try to combine them because you will load your page with too much CSS and Javascript which are not necessary in the same time. Your user will be either on a Landing Page, or on the Admin Part. If you like for example 1 item from one product, like a Card, and it is not in the other product, you can check in the next example how to do that using the SCSS files. Just follow the next steps, for the FileUpload Example: 1. You can got 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. Hope this give you an idea about the usage of both products in the same web application/web presentation. Please let us know your status. Best, Alex
1 month ago

abinash.mohanty 1 month ago

Nice, how about including the .sketch files than Photoshop?

axelut
  • downloaded

@abinash.mohanty at this moment the Sketch version is available on our sister website: http://www.pixelsvibe.com/product/material-kit-pro. We are working on our internal system to make it available on Creative Tim too. Please let us know if we can help with any other details. Best, Alex!
1 month ago

farhad.aghababaei
  • downloaded
1 month ago

Hi, Data-parallax have an issue, When scrolling through the page, The page-header moves below the screen

axelut
  • downloaded

@farhad.aghababaei thank you for using our product. We have a fix here: https://github.com/creativetimofficial/material-kit-pro/issues/39 we will do an official update this week. Please stay tuned. Best, Alex!
1 month ago

pratikthummar123 25 days ago

Nice Material Kit Pro, also good one.

axelut
  • downloaded

@pratikthummar123 😍
24 days ago

farhad.aghababaei
  • downloaded
17 days ago

Hi, navbar search form have a style issue, In mobile mode you can't see anything.

dragosct
  • owner

Hi, @farhad.aghababaei ! Please, can you open an issue on github and give us some screenshots or maybe a link from your project to see exactly what happened there. https://github.com/creativetimofficial/material-kit-pro Regards, Dragos
14 days ago

farhad.aghababaei
  • downloaded

I solved my problem myself, @media all and (max-width: $screen-sm) .navbar-form .form-group input.form-control, .navbar-form input.form-control { @include material-placeholder { color: $gray-light !important; } } .nav-search input { color: $gray-dark !important; }
14 days ago

Павленко.Станислав 14 days ago

Hi! How does updates work? Everything is happening on your side, so for us it goes automatic, I have to update core files from time to time? Thx

axelut
  • downloaded

Thank you for your interest in working with our product. Yes, you basically change the material-kit.css and material-kit.js when you want to do an update. In some cases, you will need to change some HTML too, for example, if you migrate it from Bootstrap 3 to Bootstrap 4. Otherwise, all the bugs will be covered with just changing those 2 files .css and .js. Hope this helps. Best, Alex!
10 days ago

nafeeznaqib 12 days ago

is the amount $79 is one time or for monthly basis?

axelut
  • downloaded

@nafeeznaqib it is a 1-time payment. Please let us know if we can help with any other details. Best, Alex!
10 days ago

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

Why our customers appreciate us

Design Quality

Very nice template.

Design Quality

Code Quality

A very extensible app for many cases, aweasome work!