Material Dashboard Pro React

Material Dashboard Pro React

Premium Material-UI Admin
· 4.90/5 (27 Reviews)

License

832 Downloads
115 Comments
Premium Support
Lifetime Updates
Release: 3 months ago
Update: 1 month ago

200 Handcrafted Components

10 Customized Plugins

28 Example Pages

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Material Dashboard Pro React in the light demo version. It has features from the full version. We hope you will like this introduction to 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
Get Free Demo

We are here to help you!

115 Web Developers commented on this product

Report issue

sidiaraastro
  • downloaded
1 month ago

corrigido com isso! "start": "NODE_PATH=./src npm-run-all -p watch-css start-js", Mas no meu entendimento vocês já deveriam liberar com essa correção pois tem muitos usuários leigos no assunto. Obrigado pelo belo trabalho.

einazare
  • owner

Hello @sidiaraastro . I've responded to your other question. Once again i am sorry for my lack in spanish. Best, Manu.
1 month ago

sidiaraastro
  • downloaded
1 month ago

Agora nao funciona mais nada depois que reinicie o micro. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `NODE_PATH=./src npm-run-all -p watch-css start-js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /home/michael/.npm/_logs/2018-06-10T04_27_33_179Z-debug.log [email protected]:/DEV/PROJETOS/REACT$ npm install --g corss-env npm ERR! code E404 npm ERR! 404 Not Found: [email protected] npm ERR! A complete log of this run can be found in: npm ERR! /home/michael/.npm/_logs/2018-06-10T04_28_26_977Z-debug.log

einazare
  • owner

Hello @sidiaraastro . I've responded to your other question. Once again i am sorry for my lack in spanish. Best, Manu.
1 month ago

aogt
  • downloaded
1 month ago

I purchased this nice dashboard, however I am facing a lot of issues integrating it in my universal app, it's just an innocent question; Is it my configuration or the dashboard is not implemented to do this yet? Started with the victorMap and charts lib

einazare
  • owner

Hello @aogt . I am sorry but i do not think i fully understand your question. I think the easiest way to add stuff in your project from ours, is to copy the components you want, an their dependencies. You can also refer to this issue on github: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/31 . Best, Manu.
1 month ago

aogt
  • downloaded

@einazare that's what I did, some components have window dependencies and others just through errors I am talking about SSR - Server Side Rendering -
1 month ago

einazare
  • owner

@aogt . For the chartist and jVectorMap you also need our scss. And for chartist you also need some files in your index.html file (please take a look at our index.html to see what am i talking about). Best, Manu.
1 month ago

cts
  • downloaded
1 month ago

Hi, how can I access the 1.0.0 documentation if I don't want to upgrade to 1.2.0 now. In download package there's just a link to the current online doc (which is for 1.2.0)

sitoemmers 1 month ago

Hello Manu, after testing the demo, we bought the pro. We would like to use the template to build our own design. A sort of start 'from-ground-up, and so we won't need a lot of the existing files. Can you point us in the right direction on how to start and set-up such an approach? Regards!

einazare
  • owner

Hello @sitoemmers . Well, if you want to start from scratch and start adding our components onto that project, you will need to copy the components that you want in your project and than also add in your project the component's dependencies (such as styles that are imported at the beginning of each component, and the styles that are imported in those styles) and also the the dependencies in package.json. Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
1 month ago

v6yw 1 month ago

Hello ! Is it possible to package this Material Dashbord Pro React app with Electron ? Have you already build a boilerplate or something to speedup the app scafolding ? Regards.

einazare
  • owner

Hello @v6yw and thank you for your interest in using our product. As of yet, we haven't used Electron in any of our products, and to be honest with you, i haven't heard of it, or what it does, so i am afraid i cannot help you with this. As for the other question, we haven't build a boilerplate for this product, but i would be keen on hearing what do you think a boilerplate should look like from this product. Best, Manu.
1 month ago

javierhack 1 month ago

Hi einazare, How can I check the 200 components of the Material Dashboard Pro React before buying it? Thanks Javier

einazare
  • owner

Hello @javierhack . Thank you for your interest in working with our products. In our product on the https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/tutorial you will find those components, but in some way to calculate all the components that are present in the product you have to take in consideration, for example, all the classes/props for the buttons that modify the color, sizes or style of the components. Approximately every component that you will find in the left menu on the live docs like buttons, inputs, navbars, tables, nav-pills, switches, comments, modals and so on ( see all the index.html page ) have these classes/props options that modify their color or size or appearance. Hope these informations will help you! Just let us know if we can give any other information. Best, Manu.
1 month ago

jun19911204 1 month ago

Can this product be used for React app base on typescript

einazare
  • owner

Hello @jun19911204 . Thank you for your interest in our product. Unfortunately none of our React products uses typescript, they only use the JSX format. You can take a look at our free product of this one (https://www.creative-tim.com/product/material-dashboard-react) and see if it suits your needs. Best, Manu.
1 month ago

mattjiedasilva 1 month ago

Hello, is the styling implemented in jsx or scss. I have downloaded the free version and the styling is done using jsx but in the github page it shows a scss folder.

einazare
  • owner

Hello @mattjiedasilva , all of our components were styled using jsx, only the plugins were styled with scss (plugins such as react-table, or react-big-calenadar - you get the ideea). Best, Manu.
1 month ago

daviddd 1 month ago

Dear Creative Tim, Do you think in the near future you will add a landing page to the Material Dashboard Pro React? Something lovely like https://www.creative-tim.com/presentation. Huge thanks for everything!

einazare
  • owner

Hello @daviddd and thank you for your interest in our products. The thing is that in a dashboard you do not need a landing page (actually the landing page is the dashboard page - not sure if you'll understand what am i talking about here). A landing page is something you would have in a Kit.Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
1 month ago

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

Why our customers appreciate us

Code Quality

Great theme. The code is written in idiomatic React using simple functions and classes (no Recompose or Ramda). Every component consists of a React component with a style object (or function), so making customizations is trivial. Because it uses other popular React libraries like React Router and React Table, you don't have to learn a new API. If you're new to Material UI, take some time to understand how the `withStyles` higher-order component works. I'd also like to point out that the documentation is amazing. For example, if they altered any code for the demo, they will tell you what lines you need to change. Definitely worth the money to support the developers - you can make a premium-looking web app with virtually no design effort on your part.

Design Quality

Nice theme , great effort

Design Quality

Is there a reason that you decided on the file structure that you use currently (where, for example, all the files such as routes, layouts, views and styles for the dashboard are spread over different directories) as opposed to having all of the dashboard code in one directory, having all the pages code in another and so on? This structure means that my team constantly needs to switch between directories and go hunting for the right files to change. It also means that we can't extract modules from one project and put them in another. Can you please make another version with the alternate file structure and give your clients the choice as to which they want to pick rather than having all the people that want this seemingly superior file structure needing to do it themselves? I currently have the project rated at 4 stars for this reason and with this fix I would definitely bump that to 5 stars and recommend your products to friends, but unfortunately its going to take me a few hours to modify this to be usable unless you can do it once for all your clients. Are you able to do this for us please? It's worth trialling it on one project such as this one and seeing what your customers prefer in my opinion :)