🔥 NEW RELEASE: David UI PRO - 290+ Exclusive Tailwind CSS PRO Blocks Just Dropped!

Free MUI & React Admin Template

Product description


Material Dashboard 2 React is our newest free MUI Admin Template based on React. If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, and highly customisable, here is your match. Our innovative MUI & React dashboard comes with a beautiful design inspired by Google's Material Design and it will help you create stunning websites & web apps to delight your clients.

Fully Coded Elements

Material Dashboard 2 React is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using MUI styled() API and sx prop. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

This free MUI & React Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

View all components here.

Documentation built by Developers

Each element is well presented in very complex documentation.

You can read more about the documentation here.

Example Pages

If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.

View example pages here.

Special thanks

During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:

  • MUI - The React UI library for faster and easier web development.
  • React ChartJS 2 - Simple yet flexible React charting for designers & developers.
  • ChromaJS - A small-ish zero-dependency JavaScript library for all kinds of color conversions and color scales.
  • Nepcha Analytics for the analytics tool. Nepcha is already integrated with this template. You can use it to gain insights into your sources of traffic.
Product certified by: Creative Tim
Material Dashboard 2 React - Figma Files for Professional Designers
Material Dashboard 2 React - JavaScript library for building user interfaces
Material Dashboard 2 React - Fully Coded and Responsive HTML5
Downloads
214,900
Version
2.2.0
Changelog
Updated
1 year ago
Released
7 years ago
Reviews
Star
Handcrafted Elements
70
Customized Plugins
2
Example Pages
8
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Material Dashboard 3 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? What is in PRO Version?
Elements 70 200
Plugins 2 12
Examples Pages 8 30
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

210 Web Developers commented on this product

achichi13 6 years 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 ? @ctmployee Thanks in advance.

achichi13

Wrong template, sorry...
6 years ago

sbdbhowmik
  • downloaded
5 years 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! material-dashboard-react@1.6.0 start: `react-scripts start` npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the material-dashboard-react@1.6.0 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

ctmployee
  • downloaded

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

rafael.mouraweb
  • downloaded
5 years ago

in the premium design is the documentation more complete?

ctmployee
  • downloaded

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
5 years ago

indrayam 5 years 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?

ctmployee
  • downloaded

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.
5 years ago

gentlyawesome
  • downloaded
5 years 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.

ctmployee
  • downloaded

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

dimitriskoris
  • downloaded
5 years ago

Hello @ctmployee , 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".
5 years ago

ctmployee
  • downloaded

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

amilareeshika-2 5 years ago

Hi @ctmployee , 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.

ctmployee
  • downloaded

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.
5 years ago

sutthikiathogsakornmetha
  • downloaded
5 years ago

Good i Like

ctmployee
  • downloaded

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

josiah.bryan
  • downloaded
5 years ago

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

ctmployee
  • downloaded

Yes. We are going to release it on v4 this week.
5 years ago

taharehman.siddiqui
  • downloaded
5 years ago

I would like to buy the developer license but none of the templates work in IE 11 which is the least version of IE my organization support. Can it be fixed?

ctmployee
  • downloaded

Hello there @taharehman.siddiqui . Thank you for your interest in working with our products. At the moment we do not offer support for IE11, and we do not know if it can be fixed. Best, Manu.
5 years ago

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