❤️ Creative Tim Club - Access all our Present & Future Premium Products

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 - Fully Coded and Responsive HTML5
Material Dashboard 2 React - JavaScript library for building user interfaces
Material Dashboard 2 React - Figma Files for Professional Designers
Downloads
198,200
Version
2.2.0
Changelog
Updated
10 months ago
Released
6 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 2 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!

209 Web Developers commented on this product

ryleysill93
  • downloaded
5 years ago

It looks like there is a problem with the download - I'm getting an error: Error: You should not use <Link> outside a <Router> after installing and starting the app. Any ideas?

ryleysill93
  • downloaded
5 years ago

The problem appears to be in the sidebar component

ryleysill93
  • downloaded
5 years ago

upgrading react-router-dom fixed this issue for me

ryleysill93
  • downloaded
5 years ago

There does seem to be a separate bug with the sidebar button highlighting. If you select a sidebar item (User profile for example) it won't be highlighted blue after you move your cursor away. if you then click anywhere on the page or adjust the browser window size, the item you selected will turn blue. This is on the demo site: https://demos.creative-tim.com/material-dashboard-react/#/admin/user

ctmployee
  • downloaded

Hello there @ryleysill93 . Please refer to this: https://github.com/creativetimofficial/material-dashboard-react/issues/83 . Best, Manu.
5 years ago

ishitaharma
  • downloaded
5 years ago

@ctmployee There is a sidebar Notification button. So, Can u please tell me the name of file which contain this button.

ctmployee
  • downloaded

Hello there @ishitaharma . Are you speaking of <<src/views/Notifications/Notifications.jsx>> this file? Best, Manu.
5 years ago

wmaz93
  • downloaded
5 years ago

Is there any way to use react-redux connect() to use MapStateToProps and MapDispatchToProps inside class component? Since on the export.default function below, all of the component is wrapped with withStyles() function. If yes, how. Thanks for helping newbie here.

ctmployee
  • downloaded

Hello there @wmaz93 and thank you for your interest in working with our products. Yes, you can do that. Best, Manu.
5 years ago

jfelipe
  • downloaded
5 years ago

Obrigado!

ctmployee
  • downloaded

Seja bem-vindo!
5 years ago

ishitaharma
  • downloaded
5 years ago

@ctmployee can i use this UI in my own project??

ctmployee
  • downloaded

Hello there @ishitaharma . Thank you for your interest in working with our products. Yes, you may use our product in your project. Best, Manu.
5 years ago

ishitaharma
  • downloaded
4 years ago

Is their any copyright or something if i used your UI. I just used the sidebar.

ishitaharma
  • downloaded
4 years ago

Is their any copyright or something if i used your UI. I just used the sidebar. @ctmployee

ctmployee
  • downloaded

Hello there @ishitaharma . Thank you for your interest in working with our products. Yes, you need to keep our copyrights from the jss (jsx) files. Best, Manu.
4 years ago

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