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

Black Dashboard React

Black Dashboard React

Free Bootstrap 4 (reactstrap) Admin Template
· 4.90/5 (92 Reviews)

MIT License

10,226 Downloads
24 Comments
Community Support
6 months Updates
Release: 8 months ago
Update: 8 months ago

16 Handcrafted Elements

3 Customized Plugins

7 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Black 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?
  • Elements · 16
  • Plugins · 3
  • Examples Pages · 7
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 160
  • Plugins · 15
  • Example Pages · 7
  • + Documentation
  • + SASS Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

24 Web Developers commented on this product

Github Docs FAQ Page

raphaelalogo
  • downloaded
8 months ago

Awesome!!!

einazare
  • owner

Hello there @raphaelalogo . Thank you for your interest in working with our products. Happy Hacking! Best, Manu.
8 months ago

oscareto
  • downloaded
8 months ago

Excelent!!!

einazare
  • owner

Hello there @oscareto and thank you for your feedback. Happy Hacking! Best, Manu
8 months ago

daoose
  • downloaded
8 months ago

The React Pagination Example won't start. Errors out ... /react-pagination-example-master/node_modules/webpack-cli/bin/config-yargs.js:89 describe: optionsSchema.definitions.output.properties.path.description, ^ TypeError: Cannot read property 'properties' of undefined at module.exports (/Volumes/HDD80GB/Users/moose/Documents/_DEV/react-apps/temp/dashboad-creative-tim/react-pagination-example-master/node_modules/webpack-cli/bin/config-yargs.js:89:48) at Object.<anonymous> (/Volumes/HDD80GB/Users/moose/Documents/_DEV/react-apps/temp/dashboad-creative-tim/react-pagination-example-master/node_modules/webpack-dev-server/bin/webpack-dev-server.js:84:40) at Module._compile (module.js:653:30) at Object.Module._extensions..js (module.js:664:10) at Module.load (module.js:566:32) at tryModuleLoad (module.js:506:12) at Function.Module._load (module.js:498:3) at Function.Module.runMain (module.js:694:10) at startup (bootstrap_node.js:204:16) at bootstrap_node.js:625:3

einazare
  • owner

Hello there @daoose and thank you for your interest in working with our products. Is this an issue with our product? Cause it seems to me that the issue might come from <<react-pagination-example-master>>, and I am pretty sure I haven't used this in our product. Best, Manu.
8 months ago

daoose
  • downloaded
8 months ago

Will this work with Next.js? Anyone tried?

einazare
  • owner

Hello again @daoose since this is a free product, you can go ahead and download it and try it. Best, Manu.
8 months ago

lamidoijjani
  • downloaded
8 months ago

awesome proud of u

einazare
  • owner

Hello there @lamidoijjani and thank you for your interest in our products and your feedback. Happy Hacking! Best, Manu.
8 months ago

murdho
  • downloaded
8 months ago

Hey guys, thank you for providing such a high quality product for free! I am trying to find the Sketch files for it, but so far haven't found these. Could you please point me towards Sketch files? Thank you in advance!

einazare
  • owner

Hello there @murdho and thank you for your interest in working with our products and your kind words. You just need to go inside your account on the downloads page: https://www.creative-tim.com/downloads . And on the right side of the Black Dashboard, you will see a button for Download and another one for Sketch. To download the Sketch you need to press the Sketch button. Hope this information helps you. Best, Manu.
8 months ago

murdho
  • downloaded

Thank you for the quick and helpful response, @einazare! With your help I found the place I somehow glanced over before, awesome! Cheers!
8 months ago

angelbajares
  • downloaded
8 months ago

Extraordinario

einazare
  • owner

Hello there @angelbajares . Thank you for your kind words. Happy Hacking! Best, Manu.
8 months ago

kalyandhi
  • downloaded
8 months ago

Making this great and extraordinary. I'm a beginner in react and it will really helps me to learn a lot.

einazare
  • owner

Hello there @kalyandhi . Thank you for your interest in our products and your kind words. Since you are just learning React, maybe these tutorials will help you a bit: <<https://medium.freecodecamp.org/how-to-use-reactjs-with-webpack-4-babel-7-and-material-design-ff754586f618>> (youtube: <<https://youtu.be/no2PD2kq-dE>>), <<https://medium.freecodecamp.org/how-to-use-redux-in-reactjs-with-real-life-examples-687ab4441b85>>. Happy Hacking! Best, Manu.
8 months ago

kalyandhi
  • downloaded

@einzare Hey, Thanks man. will look in to it.
8 months ago

alecherlock
  • downloaded
8 months ago

Hey man! I'm trying to add your theme to a jHipster project, but all of my components are .tsx and yours are .jsx. would it be possible to still integrate your theme into my project??

einazare
  • owner

Hello there @alecherlock and thank you for your interest in working with our products. At the moment, on the React products, we only use Babel (.jsx) and not TypeScript (.tsx). I do remember that on another product, there was a discussion about TypeScript and after a long debate, one of our clients said that it was fairly easy to convert our .jsx files to .tsx files. I didn't find that discussion, but I found another one, where another client of ours has made a small tutorial on how to do that: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/14#issuecomment-419541781 . Best, Manu.
8 months ago

newweb123 7 months ago

I'm new to this, the design is impressive, I want to use it for a web, then, how is it free, what I can not do ?, I have to leave the footer alone and what else can I modify? or what parts should I leave it as same?

einazare
  • owner

Hello there @newweb123 and thank you for your interest in working with our products. You only need to keep our copyright inside the scss and css files. Best, Manu.
7 months ago

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