Material Kit Pro

Premium Bootstrap 4 UI Kit
· 4.90/5 (340 Reviews)

License

2,591 Downloads
124 Comments
Premium Support
Lifetime Updates
Release: 2 years ago
Update: 3 months ago

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

We are here to help you!

124 Web Developers commented on this product

Report issue

weblokaldevelopment
  • downloaded
7 months ago

Hey, after buying the matrerial pro I got the following error: Error: Mixins may not be defined within control directives or other mixins on line 53 of /assets/scss/core/mixins/_utilities.scss from line 1 of /assets/scss/core/_mixins.scss from line 15 of /assets/scss/material-kit-pro.scss That´s the first time my compiler software "Koala" shows this kind of error. Last weeks I have been worked with Material Free and everythings worked fine with my compiler. What could be the problem?

dragosct
  • downloaded

Hi, @weblokaldevelopment ! Thank you for using our product. Please, can you tell us which version of the product did you have? Regards, Dragos
7 months ago

weblokaldevelopment
  • downloaded

Hey, I'm using the latest version Material Kit Pro v2.0.2. I think the problem could be my setup. I only use "Koala" to compile sass files. But I didn't use "npm install" first. Could this be my mistake?
7 months ago

dragosct
  • downloaded

Hi, @weblokaldevelopment ! Please, try to compile the scss with npm and let us know if it works for you in this way. Regards, Dragos
7 months ago

weblokaldevelopment
  • downloaded

hey Dragos, now the compiling works. Thanks for your answer!
7 months ago

rushter777
  • downloaded
7 months ago

@dragosct I really love Material Kit Pro - thanks for everything. What would be the easiest/best way to get all of the content and text into the lower left corner of the cards in this example - https://www.englishmenusavailable.com/mk/searchcards2.php I keep trying to find everything in the cards part of the css but get lost in it all. Sorry for the silly questions.

dragosct
  • downloaded

Hi, @rushter777 ! Please, can you be more specific about it? Regards, Dragos
7 months ago

slin
  • downloaded
7 months ago

Hi, I'm using version v2.0.2 and in the Documentation (http://demos.creative-tim.com/material-kit-pro/docs/2.0/components/colors.html) it states that "4. You will find all the branding colors inside assets/scss/variables/_brand.scss" I don't seem to be able to locate this file as there isn't a /variables folder. Could you please advise? Thanks!

dragosct
  • downloaded

Hi, Slin! Thank you for using our product. You have right the route to that folder is wrong. You will find the folder in assets/scss/core/variables/_colors.scss. We will change also in the documentation in the next update. Regards, Dragos
7 months ago

slin
  • downloaded

Hi @dragosct thanks for the quick reply! I managed to find the files but encountered errors when I did Step 5: Error in plugin 'sass' Message: assets/scss/core/mixins/_forms.scss Error: Base-level rules cannot contain the parent-selector-referencing character '&'. Backtrace: assets/scss/core/mixins/_forms.scss:156, in mixin `bmd-form-color` assets/scss/core/_forms.scss:95 on line 156 of assets/scss/core/mixins/_forms.scss >> &.is-focused { --^ Your help is very much appreciated!
7 months ago

dragosct
  • downloaded

Hi, Slin! Please, can you tell us if you try to compile with npm or koala? Regards, Dragos
7 months ago

slin
  • downloaded

@dragosct I followed the guide and used npm
7 months ago

dragosct
  • downloaded

Hi, Slin! Please give us your email to send you the scss folder without those errors. Regards, Dragos
7 months ago

slin
  • downloaded

Hi @dragosct would it be possible for you to upload it somewhere and then share the link? I don't feel comfortable posting my email address publicly where I am unable to remove it at a later date. Thank you!
7 months ago

slin
  • downloaded

Hi @dragosct thank you so much for sending over the files! I'm able to compile with no errors now. However, if I may ask, the changes I made in assets/scss/core/variables/_brand.scss does not show on the pages. ==> I changed $brand-primary: $purple !default; to $brand-primary: $grey !default; The primary button still shows up as purple, not grey. I followed the steps in the documentation exactly, but perhaps I did something wrong? Thanks in advance.
7 months ago

slin
  • downloaded

Hi @dragosct The issue is resolved; thanks so much!!
7 months ago

dragosct
  • downloaded

Hi! We will check it and we will come with an answer. Regards, Dragos
7 months ago

dragosct
  • downloaded

Hi! Please check this link to see how to resolve this issue. https://github.com/creativetimofficial/material-kit-pro/issues/60 Regards, Dragos
7 months ago

rushter777
  • downloaded
7 months ago

@dragosct what I meant was to have all of the text shifted (aligned horizontally) to the left and then starting from the middle (aligned vertically) of the card. Kind of like on the cards on this page. https://restaurant.ikyu.com/rsSd/main/script/srchLstU.asp?pndt=0&pusy=2018&pusm=03&pusd=13&area=03001&pthm=19%3A00&pups=2&rtpc=00000&fact=0&mode=tag You might need to view that on a smartphone.

dragosct
  • downloaded

Hi, @rushter777 ! So from what I saw you want that the card to be with the image on left and text near the image, right? Regards, Dragos
7 months ago

teade
  • downloaded
7 months ago

Hello, I've bought the material kit pro from themes.getbootstrap.com Where can I get the photoshop files?

rushter777
  • downloaded
7 months ago

@dragosct The image covering the whole card is fine. I want all of the text on the card to be left justified and for all of the text to start no higher than 50% if the height. So it will seem all of the text is in the lower left hand corner of the card. I wish I could send you an image of what I'm speaking of.

dragosct
  • downloaded

Hi, @rushter777 ! Sorry for the late response. Did you succeed with the left-justified text in the meanwhile? Regards, Dragos
7 months ago

fomoylo
  • downloaded
7 months ago

Hi @dragosct - I love your templates and how responsive your support is in these comment channels. I purchased the Material Kit Pro license last week. Could you please add me to the GitHub Rep? @64BitChris - thanks!

dragosct
  • downloaded

Hi, @fomoylo ! Thank you for using our products and for your kind words. I found you on the GitHub. Do you have any problems with the Material Kit Pro, we just release a new update for the product today? Regards, Dragos
7 months ago

fomoylo
  • downloaded
7 months ago

Hi @dragosct - I didn't receive an invite on Github - could you please send it to @64BitChris ? I haven't found any problems with Material Kit Pro - but we are just beginning to work with it - what are the major changes introduced in the latest release? (Also, where can I find the release if I don't have Github access?)

dragosct
  • downloaded

Hi, @fomoylo ! All the updates are in your account from creative-tim. Now I understand, but I can't give you access to our repo because is private. This is the public repo of this product. https://github.com/creativetimofficial/material-kit-pro Regards, Dragos
7 months ago

mbittner
  • downloaded
7 months ago

I noticed that with this new BS4 version that the free demo download links back to your live site for the component documentation. Are those HTML pages included in the paid version or does it link back to your site as well?

dragosct
  • downloaded

Hi, @mbittner ! Thank you for using our products. Please, can you be more specific about it? Regards, Dragos
7 months ago

mbittner
  • downloaded
6 months ago

Hey @dragosct , yeah sorry if that was confusing. In the Bootstrap 3 version of the Material UI Kit the individual component documentation was included in the free demo version as an HTML page. In this new BS4 version the free demo documentaion links back to your live site (http://demos.creative-tim.com/material-kit-pro/docs/2.0/components/alerts.html). I'd like to know if the paid product includes the HTML seen in that link or does it link back to the live site as well?

dragosct
  • downloaded

Hi, @mbittner ! Now I understand. Like the free version also the paid version will have the documentation online so will back to the live site, will not be in your downloaded archive. Regards, Dragos
6 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