Material Dashboard Pro React

BLACK FRIDAY 90% OFF. Interested in all of our Premium Products? Check the biggest sale of 2018!

Material Dashboard Pro React

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

License

1,527 Downloads
192 Comments
Premium Support
6 months Updates
Release: 7 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
  • + Sketch Files
Get Free Demo

We are here to help you!

192 Web Developers commented on this product

Report issue

sidiaraastro
  • downloaded
5 months 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.
5 months ago

sidiaraastro
  • downloaded
5 months 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.
5 months ago

aogt
  • downloaded
5 months 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.
5 months 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 -
5 months 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.
5 months ago

cts
  • downloaded
5 months 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 5 months 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.
5 months ago

v6yw
  • downloaded
5 months 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.
5 months ago

javierhack 5 months 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.
5 months ago

jun19911204 5 months 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.
5 months ago

mattjiedasilva 5 months 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.
5 months ago

daviddd 5 months 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.
5 months ago

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