Worldwide Creative Tim Meetups ❤️Give us a helping hand to make it happen!

Material Dashboard React

Material Dashboard React

Free Material-ui Admin Template
· 4.90/5 (371 Reviews)

MIT License

68,247 Downloads
202 Comments
Community Support
6 months Updates
Release: 1 year ago
Update: 1 month ago

30 Handcrafted Elements

2 Customized Plugins

7 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Material Dashboard Pro React. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo?
  • Elements · 30
  • Plugins · 2
  • Examples Pages · 7
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 200
  • Plugins · 10
  • Example Pages · 8
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

202 Web Developers commented on this product

Github Docs FAQ Page

bpsr06 9 months ago

@einazare I'm pretty sure that there is NavPills component inside ui/components directory. components/panels I provided the demo link we're using below. In windows environment those navigation pills are preventing the mause scroll from functioning properly . Maybe theres smth wrong with the PerfectScrollBar itself. https://demos.creative-tim.com/material-dashboard-pro-react/?_ga=2.208326610.1361146607.1545994253-1287132318.1545723757#/components/panels All the best, Busra

einazare
  • owner

Hello again @bpsr06 . So this is an issue with the PRO version? Best, Manu.
9 months ago

einazare
  • owner

If so, please comment on the right product here: https://www.creative-tim.com/product/material-dashboard-pro-react. As of the moment you are commenting on the FREE version. Best, Manu.
9 months ago

saarlevy
  • downloaded
9 months ago

Hi, I'm having some difficulties to understand how to pass props to the components in the Route. I try to make a high level state in the dashboard layout in the App component, and pass it to all the Routes, but I can't figure out how. I try to make 1 view that gets data from user and then "store" it in App state and share that data will other views Any help will be amazing, Thanks!

einazare
  • owner

Hello again @saarlevy . Glad everything works fine now. Happy Hacking, Manu.
9 months ago

saarlevy
  • downloaded

@einazare you might be able to help? thank you very much
9 months ago

einazare
  • owner

Hello there @saarlevy thank you for your interest in working with our products. I believe this issue was addressed already in the other comments of this product. You'll need to change the way we render our Routes inside src/layouts/Dashboard/Dashboard.jsx. There is a map function. To pass props to the routes you'll need to do something like this: https://github.com/ReactTraining/react-router/issues/4105#issuecomment-289195202 .The very last code: <Route path='/mybooks' render={routeProps => <Books {...routeProps} booksGetter={getMyBooks}/>} /> . Best, Manu.
9 months ago

saarlevy
  • downloaded

thank you @einazare ! I already changed to the syntax you suggested, but I couldn't use a variable from the state, but that was because const switchRoutes wasn't in the App scope, so I just added it inside :D Thanks again, your product is amazing!
9 months ago

sean.facer
  • downloaded
9 months ago

Does this come with a login page?

einazare
  • owner

Hello there @sean.facer and thank you for your interest in working with our product. Since this is a FREE product, it does not come with a Login Page. Best, Manu.
9 months ago

ahmed.zahran
  • downloaded
9 months ago

Hi, Please is it support RTL direction, for Arabic or hebrew

einazare
  • owner

Hello there @ahmed.zahran and thank you for your interest in working with our products. As of the moment, we do not have RTL for this FREE product. One of our clients has made this PR: https://github.com/creativetimofficial/material-dashboard-react/pull/18 . You can take a look there. Best, Manu.
9 months ago

infoyl8
  • downloaded
8 months ago

I downloaded the theme, ran npm install and then npm start to get the following error: Failed to compile. ./src/index.js Module not found: Can't resolve 'assets/css/material-dashboard-react.css?v=1.5.0' in '/Users/username/Code/conduction/frontend/src'

einazare
  • owner

Hello again @infoyl8 . Please read the live docs: https://demos.creative-tim.com/material-dashboard-react/#/documentation/tutorial . Best, Manu.
8 months ago

infoyl8
  • downloaded
8 months ago

That is exactly what I did.

infoyl8
  • downloaded
8 months ago

oh wait have to modify this line "start": "NODE_PATH=./src react-scripts start". so it points to the src dir. Why is this not a default setting ?

einazare
  • owner

Hello again @infoyl8 . Have you read all of our docs with extreme carefulness and attention? <<You should check if in your root project folder you have a file named .env.>> We actually have this as a default setting, but on some machines, and we can't explain why, the .env file is either missing, or is not read by the machine. So, we've added this small warning in our live docs for those people who have these kinds of machines, that do not read .env files, or they don't download it - it's missing from the root directory. Right now, this product was tested on multiple machines, and every time, the .env was in the download folder and was read by the machine. That is why, we do not know what causes a machine to ignore the file on the download, or ignores the file and doesn't read it. Hope this bit of information is helpful. Best, Manu.
8 months ago

mherarbinyan 8 months ago

Hi @einazare, can you help me with suggestion where I should declare my login route? I've tried add login route in dashboard routes, but it comes with sidebar and header.

einazare
  • owner

Hello there @mherarbinyan and thank you for your interest in working with our products. You should add the login route inside the index routes. Best, Manu.
8 months ago

keven.leone
  • downloaded
8 months ago

Hello Buddy, @einazare its possible use params in this routes ? have a google example for this? Something like /students (main router) /students/:id (secondary router with params id) the way i tried here doens't include the sidebars Thanks

einazare
  • owner

Hello there @keven.leone and thank you for your interest in working with our product. I believe you need to change our routes inside the Dashboard Layout to exact routes (add the prop exact on them). You can read more here: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/51 . Best, Manu.
8 months ago

shahzadslam 8 months ago

Hi, My client bought the React paid and send me the zip. When i open the zip i don't find components or anything else. It look like the paid theme zip is not complete. I have the free version and there was no issues downloading installing and running it and i can find 7 or 8 components and 7-8 pages but i don't find anything in paid. I also did the npm install and then start and it gave me error. Is there any special way to get started with paid theme ? Shahzad

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