😍 Case Study: "How we built from scratch Light Bootstrap Dashboard" on one of the biggest publications on Medium: FreeCodeCamp.

Material Kit Pro

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

License

1,340 Downloads
153 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 6 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!

153 Web Developers commented on this product

Report issue

kapilviren.ahuja
  • downloaded
5 months ago

Hi @axelut, I read in comments there is a beta version (v1.1 beta). We have just started to use the template and would like to be on the latest version. We plan to launch in 4 weeks, will beta be done by then? thanks in advance

axelut
  • owner

@kapilviren.ahuja we sent you the archive yesterday. Please check it and let us know if everything is fine. Best, Alex!
5 months ago

kapilviren.ahuja
  • downloaded
5 months ago

ah ok i get it. thanks. i somehow liked that style for "select". all good thanks again

kapilviren.ahuja
  • downloaded
5 months ago

Hi, is there any documentation if we want to change the core theme colors? say make the background black, use a different color than rose? thanks

axelut
  • owner

@kapilviren.ahuja yes, for the black color there is an already created class "section-black" which is taking care of all the things in that section, like making the text from black to white, and for the other colors you have an example on how to change the SASS colors and compile the files with KoalaApp inside tutorial-components.html Please let us know if that was helpful. Best, Alex!
5 months ago

alien_698 5 months ago

Hello, is this an Angular (2) theme? Wich version of Angular? is it AOT compatible?

axelut
  • owner

@alien_698 thank you for your interest in our product. At this moment MKPro is just an HTML/CSS/JS product, no Angular or other frameworks. From what we know it is not difficult to integrate it in Angular, here is a tutorial https://www.youtube.com/watch?v=1IU8KcprEL0. You can follow that or you can wait till we will release an Angular 2 CLI version. Now we are converting our dashboards to Angular 2, then we will start to migrate the UI Kits. Please let us know if we can help you with anything else. Best, Alex!
5 months ago

jaburg 5 months ago

Does the Material Kit Pro include Sketch files as well?

axelut
  • owner

@jaburg thank you for your interest in our product. At this moment the product from our website contains only PSD. We are developing the Sketch with the partners from Pixels Vibe: http://www.pixelsvibe.com/product/material-kit-pro. Please let us know which combinations of HTML/Sketch/PSD you will need and then we will think of a way for you to get those packages without extra charges. Best, Alex!
5 months ago

seim 5 months ago

hello, congrats on the great work. I am looking to use Material Kit Pro in an ecommerce website with sidebar navigation and I was wondering if there is any component that I can use for categories-subcategories navigation.

axelut
  • owner

@seim thank you for the kind words! We are glad that you like it. Are you looking to create a CMS/Admin for the Ecommerce? Because we have a Sidebar in Material Dashboard Free and PRO: http://demos.creative-tim.com/material-dashboard-pro/examples/dashboard.html. Or what is the final purpose of the sidebar? Please let us know if we can help you with any other information. Best, Alex!
5 months ago

seim

@axelut We are looking to make an ecommerce front end and want to have something like categories-subcategories for products.
5 months ago

axelut
  • owner

@seim I understand. We will launch the V1.1.0 in 2 days and we will have an e-commerce page which will look like this: http://imgur.com/a/EiRtY. Is that something that would help? Or maybe a combination of Navigation Tabs with Dropdowns: http://demos.creative-tim.com/material-kit-pro/index.html#navigation-tabs ? I'm just thinking at possible solutions. Do you have an example of something that you like? Best, Alex!
5 months ago

yogeshyadavme
  • downloaded
5 months ago

Please send me latest beta version

yogeshydv98
  • downloaded
5 months ago

please send me latest beta version zip

axelut
  • owner

@yogeshydv98 thank you for using our product, we just sent the archive. We will also launch the official update on 6 April, so stay tuned for that! Best, Alex :D
5 months ago

vikramchandra
  • downloaded
5 months ago

Hi, I have purchased this theme and am liking it very much. My question is the background image <div class="page-header header-filter" data-parallax="active" style="background-image: url(<%= url %>);"></div> looks a bit blurry and less saturated than the original image. Is there an option to show the image in it's actual color/crispness? Regards Vikram

axelut
  • owner

@vikramchandra thank you for using our product. The image is having a black filter on it so your text will be always visible, no matter what image you have in the background. To remove the filter please remove the class "header-filter" and the image will be like the original image. Please let me know if that was solving the problem. Best, Alex
5 months ago

kapilviren.ahuja
  • downloaded
5 months ago

Hi, we are using the Select Dropwn from the component and have checked that we do also have Dropdown plugin JS added to page. The behavior is not right: 1. The downdown forms correctly and there are no errors in console 2. When we select any option (except the 1st), nothing happens 3. When we select the 1st option in the list it throws an error in console (Cannot read property 'length' of null) I did read the document reference too but cant really figure it out. thanks

axelut
  • owner

@kapilviren.ahuja thank you for using our product. Please use the "Customizable Select" from this page: http://demos.creative-tim.com/material-kit-pro/index.html for the select picker, not the default dropdown. A default dropdown is just a group of links which points to different pages, it is not working as a select picker. In the meantime can you please share in private a link with your website so we can check and give you another solution? Best, Alex
5 months ago

kapilviren.ahuja
  • downloaded

we are using Customization Select only and are facing this issue. I am in process of setting up a public Server this week. Will send you an email around Thursday with the exact page and where we are stuck.
5 months ago

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

Why our customers appreciate us

Design Quality

Amazing work! Very organized code with awesome components and a beatiful design!!!

Design Quality

Fantastic Layout!

Design Quality

Nice product