Material Kit PRO React

Let's get to know each other! Take our developer survey, opened to coders everywhere! ๐Ÿ™๐Ÿป

Material Kit PRO React

Premium Material-ui Kit
· 4.90/5 (51 Reviews)

License

676 Downloads
85 Comments
Premium Support
6 months Updates
Release: 10 months ago
Update: 3 months ago

1000 Handcrafted Components

6 Customized Plugins

12 Example Pages

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Material Kit PRO React 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 · 4
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Components · 1000
  • Plugins · 6
  • Example Pages · 12
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Get Free Demo

We are here to help you!

85 Web Developers commented on this product

Github Docs FAQ Page

20163727 4 months ago

Can I handle react lazy configure to fit my project ? :D

einazare
  • owner

Hello there @20163727 and thank you for your interest in working with our products. At the moment our React version for this product does not support react lazy. On our next update, we'll see what we can do. Best, Manu.
4 months ago

bmirandan 4 months ago

Cool!

dobjek
  • downloaded
3 months ago

Hi, Great job on templates. Do you guys follow up on support tickets? I created ticket week ago, still no response. Thanks

einazare
  • owner

Hello there @dobjek and thank you for your interest in working with our products. At the moment the only one who can proceed with refunds is my manager ( @alexpaduraru ). Since he is a manager, he has lots of emails to address to. Your email is on his list and will address to your refund as soon as he can. Hope you can understand us. Best, Manu.
3 months ago

alexpaduraru

@dobjek sorry for the late response, the refund request from 4 days ago, was on my plate and I had some delays in response. The refund is processed now, you will get a confirmation from our payment vendor in 2-4hours. Hope this helps. Best, Alex!
3 months ago

ericf7v 3 months ago

In the project that ships with Material Kit Pro React, in index.js you load a CSS file: i.e. import "assets/scss/material-kit-pro-react.css?v=1.2.0"; When I use components from this project, do I need to bring in this css file, or is this just for the demo?

einazare
  • owner

Hello there @ericf7v and thank you for your interest in working with our products. Yes, you need that file in your project. Best, Manu.
3 months ago

treffenev
  • downloaded
3 months ago

hello kit team! Im having a hard time using the plugins styles. they are in 'assets/scss/plugins/ ' as a scss file, how they suppose to load when I use any plugin if they arnt called in the class? (at list according to the documentation page) currently trying to use the Carousel, so the file is "_plugin-react-slick.scss"

einazare
  • owner

Hello there @treffenev . Please add the whole scss files inside your project, not only that file. If this is not the case, please open a Github issue here: https://github.com/creativetimofficial/ct-material-kit-pro-react/issues. We will understand better the issue. Best, Manu.
3 months ago

hetei_bako
  • downloaded
3 months ago

Hi, is it possible to add a logo in the header on the left side? Thanks.

einazare
  • owner

Hello there, @hetei_bako and thank you for your interest in working with our product. We haven't implemented this in our product. You'll need to change our component: https://demos.creative-tim.com/material-kit-pro-react/#/documentation/header and add some styles for your logo to make it look nice. Best, Manu.
3 months ago

chengieang
  • downloaded
3 months ago

How can I change theme? for example, switch blue theme

einazare
  • owner

Hello there @chengieang . Thank you for your interest in working with our products. Can you please be a bit more specific in your question? Best, Manu.
3 months ago

rimoslav
  • downloaded
2 months ago

Hello, I've downloaded the update, and after running <<npm install>> there are 63 low severity vulnerabilities, which can't be resolved with <<npm audit fix>>. I think all of them are related to <<braces>> package, as a dependency of <<react-scripts>> (it says "Regular Expression Denial of Service "). What's the safest route in solving this?

einazare
  • owner

Hello there @rimoslav . Those vulnerabilities, should not interfere with your developing process. However, if you are annoyed by them, I believe you can update react-scripts, and that will do the trick. Best, Manu.
2 months ago

kudla_max 2 months ago

What is the difference between Material Kit PRO React and Material Dashboard Pro React? Does the first one use exactly the same (not 'looks like' but 'exactly the same') components from the second one?

einazare
  • owner

Hello there, @kudla_max and thank you for your interest in working with our products. They are different. You can see some of those differences by looking at the free version of these products. Also, I am required to give you these details: 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: https://demos.creative-tim.com/material-dashboard-pro-react/#/dashboard about your products/users, where you edit/add/delete: https://demos.creative-tim.com/material-dashboard-pro-react/#/tables/react-tables different items, etc. This is the control panel of your site. The Dashboard also includes the Login Page (https://demos.creative-tim.com/material-dashboard-pro-react/#/pages/login-page), Register Page (https://demos.creative-tim.com/material-dashboard-pro-react/#/pages/register-page) or Lock Screen Page (https://demos.creative-tim.com/material-dashboard-pro-react/#/pages/lock-screen-page) 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 (https://demos.creative-tim.com/material-kit-pro-react/#/landing-page) of your startup/website, the Contact Us Page (http://demos.creative-tim.com/material-kit-pro/examples/contact-us.html) the Pricing Page (https://demos.creative-tim.com/material-kit-pro-react/#/contact-us) the About Us Page (https://demos.creative-tim.com/material-kit-pro-react/#/about-us) etc. Or you can use this to create also your Blog (https://demos.creative-tim.com/material-kit-pro-react/#/blog-posts), where you will keep in touch with your audience. You can also built your own pages with already made sections -> https://demos.creative-tim.com/material-kit-pro-react/#/sections#headers . If you create a SaaS, probably your users will have access to the Dashboard too, so they can control some items from there too. But you still need the UI kit for the presentation pages of your business. In this way you will have the same design in the presentation and also in the Dashboard. 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 and JSS files. Just follow the next steps, for the FileUpload Example: 1. You can go to material-kit-pro-react/src/assets/scss/core/_fileupload.scss and put it in the material-dashboard-pro-react/src/assets/scss/material-dashboard-pro-react/_fileupload.scss folder. 2. Add the following line inside src/assets/scss/material-dashboard-pro-react.scss : @import "material-dashboard-pro-react/fileupload"; at the end of it. Please let us know if we can help you with anything else. Best, Manu.
2 months ago

sivaramarameswaran
  • downloaded
2 months ago

Hello there, thinking of buying the Material Kit Pro for React. Do you guys provide the sketch files for the designs?

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