Material Dashboard React

Free Material-UI Admin Template
· 4.90/5 (242 Reviews)

MIT License

42,373 Downloads
156 Comments
Community Support
6 months Updates
Release: 11 months ago
Update: 3 months ago

30 Handcrafted Components

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?
  • Components · 30
  • Plugins · 2
  • Examples Pages · 7
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Components · 200
  • Plugins · 10
  • Example Pages · 28
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

156 Web Developers commented on this product

Report issue

bpsr06 23 days 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.
22 days 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.
22 days ago

saarlevy
  • downloaded
18 days 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.
16 days ago

saarlevy
  • downloaded

@einazare you might be able to help? thank you very much
17 days 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.
17 days 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!
16 days ago

sean.facer
  • downloaded
12 days 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.
11 days ago

ahmed.zahran
  • downloaded
6 days 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.
6 days ago

infoyl8
  • downloaded
3 days 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.
3 days ago

infoyl8
  • downloaded
3 days ago

That is exactly what I did.

infoyl8
  • downloaded
3 days 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.
2 days ago

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