Material Dashboard React

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

Material Dashboard React

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

MIT License

54,652 Downloads
186 Comments
Community Support
6 months Updates
Release: 1 year 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 · 8
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

186 Web Developers commented on this product

Github Docs FAQ Page

achichi13 1 month ago

Hello :) I would like to do a login page with this template. Unfortunately, I don't know how to remove header/sidebar for only one page (Only Login Page). The className="full-page-content" doesn't work as another template. How can I do this ? @einazare Thanks in advance.

achichi13

Wrong template, sorry...
1 month ago

sbdbhowmik
  • downloaded
1 month ago

hi, i can't start the project by downloading the file. there is a issue at the time of "npm strat". it's showing: npm ERR! Linux 4.15.0-47-generic npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "start" npm ERR! node v8.10.0 npm ERR! npm v3.5.2 npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! [email protected] start: `react-scripts start` npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the [email protected] start script 'react-scripts start'. npm ERR! Make sure you have the latest version of node.js and npm installed. npm ERR! If you do, this is most likely a problem with the material-dashboard-react package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! react-scripts start npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs material-dashboard-react npm ERR! Or if that isn't available, you can get their info via: npm ERR! npm owner ls material-dashboard-react npm ERR! There is likely additional logging output above. npm ERR! Please include the following file with any support request: npm ERR! /home/shubhankar/Desktop/material-dashboard-react-master/npm-debug.log

einazare
  • owner

Hello there @sbdbhowmik . Please Make sure you have the latest version of node.js and npm installed. Best, Manu.
1 month ago

rafael.mouraweb
  • downloaded
1 month ago

in the premium design is the documentation more complete?

einazare
  • owner

Hello there @rafael.mouraweb . Thank you for your interest in working with our products. I do not know what are you referring to, but I think it is best to take a look at the PRO docs and see if it suits your needs: https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/tutorial . Best, Manu
1 month ago

indrayam 1 month ago

Hi @enizare, I'd like to create Login Page when user access the '/' before they go straight into the dashboard. is there any way to set login.jsx to be the first one to show instead of dashboard.jsx?

einazare
  • owner

Hello there @indrayam . Yes, for this go inside material-dashboard-react/src/index.js and add your route there. Also, delete the Redirect one. If you are not used to creating the routes inside a React app, here is a link that will help you figure out: https://medium.freecodecamp.org/beginner-s-guide-to-react-router-53094349669 . Best, Manu.
1 month ago

gentlyawesome
  • downloaded
1 month ago

I tried to build the production version with npm run build. After running it with npm serve. It's missing some files and gives me an error. The npm run start works fine but not on npm run build.

einazare
  • owner

Hello there @gentlyawesome , please go inside package.json and delete the homepage prop. Best, Manu.
30 days ago

dimitriskoris
  • downloaded
14 days ago

Hello @einazare , Following the installation instructions, I receive an error "You should not use <Link> outside a <Router>". Do you have an idea what it could be? Many thanks, Dimitris

dimitriskoris
  • downloaded

Hi again, We solved it by upgrading the "react-router-dom" to version "5.0.0".
14 days ago

einazare
  • owner

Hello there @dimitriskoris . Thank you for your interest in working with our products. Glad you solved the issue. Happy Hacking! Best, Manu.
14 days ago

amilareeshika-2 9 days ago

Hi @einazare , I would be so greatful to learn about how to integrate this with a react app which is already created using create-react-app command. Many Thanks in Advance. PS: I'm a beginner to React Redux world.

einazare
  • owner

Hello there @amilareeshika-2 . Thank you for your interest in working with our products. Please refer to this link: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/50#issuecomment-407030675 . Best, Manu.
8 days ago

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