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

Free Bootstrap 4 (reactstrap) Admin Template

Product description


Black Dashboard React is a beautiful Bootstrap 4 (Reactstrap) Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.

Black Dashboard comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.


Black Dashboard React features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

We thought about everything, so this dashboard comes with 2 versions, Dark Mode and Light Mode.

Product certified by: Creative Tim
Black Dashboard React - Fully Coded and Responsive HTML5
Black Dashboard React - Sass Files for Professional Front End Developers
Black Dashboard React - Sketch Files for Professional Designers
Black Dashboard React - Crafted with Bootstrap - the most popular Front End Framework
Black Dashboard React - JavaScript library for building user interfaces
Downloads
42,573
Version
1.2.3
Changelog
Updated
2 months ago
Released
5 years ago
Reviews
Star
Handcrafted Elements
16
Customized Plugins
3
Example Pages
7
Community Support
Documentation
Fully Responsive

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? What is in PRO Version?
Elements 16 160
Plugins 3 15
Examples Pages 7 7
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

35 Web Developers commented on this product

raphaelalogo
  • downloaded
5 years ago

Awesome!!!

ctmployee
  • downloaded

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

oscareto
  • downloaded
5 years ago

Excelent!!!

ctmployee
  • downloaded

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

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

ctmployee
  • downloaded

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

daoose
  • downloaded
5 years ago

Will this work with Next.js? Anyone tried?

ctmployee
  • downloaded

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

lamidoijjani
  • downloaded
5 years ago

awesome proud of u

ctmployee
  • downloaded

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

murdho
  • downloaded
5 years 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!

ctmployee
  • downloaded

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

angelbajares
  • downloaded
5 years ago

Extraordinario

ctmployee
  • downloaded

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

kalyandhi
  • downloaded
5 years ago

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

ctmployee
  • downloaded

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

kalyandhi
  • downloaded

@einzare Hey, Thanks man. will look in to it.
5 years ago

alecherlock
  • downloaded
5 years 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??

ctmployee
  • downloaded

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

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

ctmployee
  • downloaded

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

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