Start planning your summer holiday โ˜€๏ธ! For the next days, you can get our awesome Bundles with 70% discount!

Material Kit PRO React

Material Kit PRO React

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

License

701 Downloads
93 Comments
Premium Support
6 months Updates
Release: 10 months ago
Update: 4 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!

93 Web Developers commented on this product

Github Docs FAQ Page

eradjk
  • downloaded
1 month ago

Thanks for your prompt feedback Manu. I am wondering if you are open to consulting on helping to setup the skeleton of the app with your components if we provided the wireframes and ideas for the flow? What would be the better way to get in touch with you if we could take this conversation offline?

einazare
  • owner

Hello again, @eradjk . Since we are not doing client based-project, we can't really help you with that. But you can open a ticket here: https://www.creative-tim.com/contact-us (choose the I want to hire you for a custom project... from the list), and I will give you some of our contacts that may help you with the above issue. Hope this is ok with you. All the best, Manu.
1 month ago

gumelaragum
  • downloaded
1 month ago

I'm confusing why I always getting error : `Uncaught TypeError: Cannot read property 'list' of undefined` After I use the example code in the docs. After I research the problem it's because it your code have this : {classes.list} can you show me how to define it? here is my full code: ``` import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import { Meteor } from 'meteor/meteor'; import { Router, Route, Switch} from 'react-router'; import createBrowserHistory from 'history/createBrowserHistory'; // @material-ui/core components import withStyles from "@material-ui/core/styles/withStyles"; import List from "@material-ui/core/List"; import ListItem from "@material-ui/core/ListItem"; // @material-ui/icons import Search from "@material-ui/icons/Search"; import Email from "@material-ui/icons/Email"; import Face from "@material-ui/icons/Face"; import Settings from "@material-ui/icons/Settings"; import AccountCircle from "@material-ui/icons/AccountCircle"; import Explore from "@material-ui/icons/Explore"; // core components import GridContainer from "/components/Grid/GridContainer.jsx"; import GridItem from "/components/Grid/GridItem.jsx"; import Header from "/components/Header/Header.jsx"; import CustomInput from "/components/CustomInput/CustomInput.jsx"; import CustomDropdown from "/components/CustomDropdown/CustomDropdown.jsx"; import Button from "/components/CustomButtons/Button.jsx"; import navbarsStyle from "/assets/jss/material-kit-pro-react/views/componentsSections/navbarsStyle.jsx"; class PresentationPage extends Component { render() { const { classes } = this.props; const browserHistory = createBrowserHistory(); return ( <Router history={browserHistory}> <Header brand="Transparent" color="transparent" links={ <List className={classes.list + " " + classes.mlAuto}> <ListItem className={classes.listItem}> <Button color="transparent" className={ classes.navLink + " " + classes.socialIconsButton } > <i className={ classes.socialIcons + " " + classes.marginRight5 + " fab fa-twitter" } />{" "} Twitter </Button> </ListItem> <ListItem className={classes.listItem}> <Button color="transparent" className={ classes.navLink + " " + classes.socialIconsButton } > <i className={ classes.socialIcons + " " + classes.marginRight5 + " fab fa-facebook" } />{" "} Facebook </Button> </ListItem> <ListItem className={classes.listItem}> <Button color="transparent" className={ classes.navLink + " " + classes.socialIconsButton } > <i className={ classes.socialIcons + " " + classes.marginRight5 + " fab fa-instagram" } />{" "} Instagram </Button> </ListItem> </List> } /> </Router> ); } } export default PresentationPage; ```

einazare
  • owner

Hello there @gumelaragum . I've added a response on Github. All the best, Manu.
1 month ago

shekharc
  • downloaded
1 month ago

Hi! I am trying to figure out the components that are using the classes/ styles defined in the /scss folder of the kit. The documentation says "Besides these styles, because we've used some plugins in our demo, you will find some of our styles in src/assets/scss." To my mind, it appears that all the react components in the /jss folder have been individually styled and all dependencies required for these components are contained within the /jss folder and imports being pulled from material-ui library/ third-party libraries. Is my understanding that the /scss folder is required to be included as part of your project ONLY if one wishes to use: sliders, datepicker, image gallery, tags input & carousel correct? In other words, can I exclude the scss folder altogether if I have no use case for these five components without impacting the rest of the styling? Thanks shekhar

einazare
  • owner

Hello @shekharc . Thank you for your interest in working with our product. The ImageUpload component makes use of scss. All the best, Manu.
1 month ago

ferdinandteenkamp
  • downloaded
1 month ago

Hi there, I'm struggling to get the project up and running. It tells me to run 'npm install node-sass'. When I run this the installation fails. Any advice? Thanks in advance :)

ferdinandteenkamp
  • downloaded

Oh it seems like there's an issue with the current version of node-sass, I ran 'npm install [email protected]' and it seems to be working fine, excited to try the products :D
1 month ago

einazare
  • owner

Hello there @ferdinandteenkamp . Thank you for your interest in working with our products. Glad that the issue was solved. Happy Hacking!
1 month ago

xxbest_m7xx
  • downloaded
1 month ago

Hello, I bought react pro kit and I emailed the customer support ( request 7007) and no one answered me. Can you please review my email ?

einazare
  • owner

Hello there, @xxbest_m7xx . Thank you for your interest in working with our products. It seems that we've had some issues with our servers these past weeks, and I've just been notified by your comment here. If you've got a `request 7007`, it means that your email was not sent to us. Please send it again. Best, Manu.
26 days ago

shekharc
  • downloaded
26 days ago

Hi, I have a question regarding the custom dropdown menu. The way it is presently implemented for the multi-level dropdown, once the user clicks away from the open menu after all the submenus are open, the menu closes well - rightly so. But, once you click to open the menu again, the previously opened sub-menus are already open/ expanded. This is usually not the way you would expect it to behave. I mean, once the parent menu/ sub-menu is close the child sub-menus also should collapse as is usually the morn. Is there a work around for this? Thanks

einazare
  • owner

Hello there, @shekharc . Thank you for your interest in working with our products. Please refer to this Github issue here: https://github.com/creativetimofficial/ct-material-kit-pro-react/issues/20. Best, Manu.
26 days ago

shekharc
  • downloaded

Thank you Manu for a very prompt response. Suggest you have a look at the last example here - https://jcoreio.github.io/material-ui-popup-state/ I am having issues styling that. Shall fallback if I can resolve the same.
26 days ago

einazare
  • owner

Hello again, @shekharc . I do not follow your last email. Would it be better to move the discussion on Github: https://github.com/creativetimofficial/ct-material-kit-pro-react/issues. We have an ISSUES_TEMPLATE that requires you to give us some steps to reproduce your issue. We'll make an adjustment in the following days/weeks and we'll also require from our customers to share us some code with the issue. Best, Manu.
26 days ago

pavritch
  • downloaded
23 days ago

Hello! Do you have a timeline for compatibility with Material-UI 4.0 ?

einazare
  • owner

Hello there, @pavritch and thank you for your interest in working with our products. At the moment we do not have. Best, Manu.
21 days ago

onoffon2.0
  • downloaded
22 days ago

Design Quality and easy to use

einazare
  • owner

Hello @onoffon2.0 . Thank you for your interest in working with our products and your kind words. Happy Hacking. Manu
21 days ago

roozbehohammadzadeh 16 days ago

rtl support???

einazare
  • owner

Hello there @roozbehohammadzadeh . Thank you for your interest in working with our products. At the moment we do not have RTL on none of our Kit Products. Would you like to give us some screenshots about how would you like to see RTL usage on Kit products? Thank you, Manu.
14 days ago

alexor
  • downloaded
11 days ago

Hello. I already bought you a html package. Now I want to buy a package html + psd or developer + psd. But in your store I did not find the choice of the package extension. I am invited to buy the whole product again, including the html license. Can I extend the package without acquiring the html package again?

einazare
  • owner

Hello there, @alexor . Thank you for your interest in working with our products. Please open a ticket here: https://www.creative-tim.com/contact-us . And choose the I want to upgrade Personal License to Developer License. One of my colleagues from the Sales & Marketing department will come to your help. Best, Manu.
10 days ago

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