Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! ๐Ÿ”ฅ

Material Dashboard React

Material Dashboard React

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

MIT License

57,483 Downloads
188 Comments
Community Support
6 months Updates
Release: 1 year ago
Update: 21 hours 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!

188 Web Developers commented on this product

Github Docs FAQ Page

achichi13 2 months 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...
2 months ago

sbdbhowmik
  • downloaded
2 months 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.
2 months ago

rafael.mouraweb
  • downloaded
2 months 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
2 months ago

indrayam 2 months 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.
2 months 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.
1 month ago

dimitriskoris
  • downloaded
1 month 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".
1 month 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.
1 month ago

amilareeshika-2 1 month 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.
1 month ago

sutthikiathogsakornmetha
  • downloaded
25 days ago

Good i Like

einazare
  • owner

Hello there @sutthikiathogsakornmetha . Thank you for your interest in working with our products and your kind words. Happy Hacking. Manu
23 days ago

josiah.bryan
  • downloaded
1 day ago

This is on Material UI v3.9.2 - any plans to update to v4 of Material UI?

einazare
  • owner

Yes. We are going to release it on v4 this week.
1 day ago

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