8 Autumn Specials 🎉 Choose your favorite one and save 80% OFF!

Black Dashboard PRO React

Custom development Preview Docs

Free Demo

Live Preview Live Preview Docs

Black Dashboard PRO React

Premium Reactstrap (bootstrap 4) Admin Template

· 4.80/5 (66 Reviews)

License (EULA)

Get Free Demo

Premium Reactstrap (Bootstrap 4) Admin Template

Product description

Black Dashboard PRO React is a beautiful Bootstrap 4 (reactstrap) Admin Dashboard that comes in 2 versions: Dark and Light Mode. 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.

We made it our priority to not add things that you don't need, so the Black Dashboard PRO React comes with just enough features for you to easily use. It combines multiple components and plugins and features numerous example of how it can be used. Inside the archive, you will also find multiple example pages to get you started or provide inspiration.

Black Dashboard PRO React is the extended version of Black Dashboard PRO. Based on feedback from people that downloaded and used it, we have added needed components, and we have created multiple examples pages. We are curious to see how you want to use it and also improve it, so let us know any feedback you have.

Downloads

493

Version

1.2.0

Changelog

view

Updated

10 months ago

Released

2 years ago

Reviews

See 66 Reviews

Handcrafted Elements

160

Customized Plugins

15

Example Pages

7

Premium Support

Documentation

Fully Responsive

Trusted by 1,707,200 developers and these companies

	Freelancer Good for a personal or client web/mobile app. $59	Startup Build your startup or client web/mobile app. $149	Company Perfect for web/mobile apps or SaaS projects. $249	Enterprise Deploy large-scale projects which include redistribution rights. $599 Contact Us
Documentation
Full Code
Designer Files
Use in SaaS	―	―
Projects	1	1	unlimited	unlimited
Team Size	1	up to 5	up to 20	more than 20
Tech Support	support	support	priority support	priority support
Free Updates	6 months	12 months	12 months	24 months

Secured Payment by 2Checkout with:

Info: If you are a Registered Company inside the European Union you will be able to add your VAT ID after your Press "Buy Now"

Frequently asked questions

What does "Use in Saas" refer to?

You can use our products to create an application where the end user is charged with a monthly/annually subscription plan (SaaS - Software as a Service).

What are the differences between the licenses on the website?

The Freelancer license is aimed at people who work on their own. It grants you the right to use the purchased product only for one project (either yours or for a client). This license is not compatible with SaaS-based projects.

The Startup license is aimed at smaller teams. It grants you and your team (up to 5 people) the right to use the purchased product only for one project (either yours or for a client). This license is not compatible with SaaS-based projects.

The Company license is aimed at agencies or larger teams. It grants you the right to create other licensed products base on the template that you purchase form us. This license it's compatible with SaaS-based projects.

The Enterprise license is aimed at large companies with multiple projects. It grants you the right to create any kind of software, SaaS, digital products and sell them. For restrictions, please check here

Also, the differences between our 3 types of Licenses is given by the Tech Support / Free Updates availability and Team Size.

More info here.

What is the difference between a Free and a Pro product?

The differences between the Free and Pro products consists of the number of components, plugins, sections, pages in each.

More info here.

How can I upgrade my license?

You can upgrade from one license plan to the next one whenever you want simply by paying the cost difference. You only have to send us an email in which you specify the product that you have and the Order ID. We will give you an unique coupon for the upgrade.

More info here.

Can I use a premium product in an open source project?

Yes, of course! You can use the PRO product for an open source project if you add in the Readme file (on github) or in the description of your product that you built the project using “X product from Creative Tim” and a link to the product page.

More info here.

Is there any type of restriction regarding the Enterprise License?

You don't have any restrictions using the Enterprise License; you just cannot create products or businesses that are in direct competition to us using our products:

You can’t re-distribute the Item as stock, in a tool or template, or with source files. You can’t do this with an Item either on its own or bundled with other items. You can’t re-distribute or make available the Item as-is or with superficial modifications. For example: You can’t license an item and then make it available as-is on your website for your users to download.

You can’t use the Item in any application allowing an end-user to customize a digital or physical product to their specific needs, such as an “on-demand”, “made to order” or “build it yourself” application. You can use the Item in this way only if you purchase a separate License for each final product incorporating the Item that is created using the application. For example: you can't create a website builder.

What does the number of "Projects" refer to?

Depending on the License you purchase, you can use our products to either code a website/web application for you, for a client, or for multiple clients, which will be hosted on one or multiple domains:

For example, if you purchased the Freelancer License or Startup License, you can create only one website (for you or a client). Same, if you have multiple subdomains, like "test.yoursite.com" or "dev.yoursite.com", you can use the Freelancer License or Startup License.

If you want to create multiple websites, you will need a bigger License (like Company or Enterprise). Same, if you have a complex application like a SaaS and have "client1.yoursite.com" and "client2.yoursite.com" and "clientx.yoursite.com", you will need a multi-domain License like Company or Enterprise.

How many Developers can access the product?

Depending on the License type you purchased, one or more developers (from your team, for example) can access the product:

If you purchased the Freelancer License, only you (one developer) can use the product.

If you purchased the Startup License, up to 5 developers (including you) can use the product.

If you purchased the Company License, up to 20 developers (including you) can access the product.

If you purchased the Enterprise License, you can work with a bigger team - more than 20 developers can access the product.

Here are the steps to give product access to your team members.

What does the "Documentation" refer to?

It consists of the product technical manuals like getting started, build tools, and it also describes every component with code examples.

What does the "Fully Coded" refer to?

It means that you receive access to the entire code for HTML, JS, and SCSS files depending on the different packages of each product.

What does "Tech Support" include?

When you buy our products you have access to our Support Team so you can submit any ticket to us regarding product functionalities and bug fixes (learning and tutorials related requests are not included). You will get responses directly from the product’s creators in 24 hours for regular Support and in a couple of hours for Priority Support (during business days).

Get Free Demo

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

Live Preview Get Free Demo

We are here to help you!

57 Web Developers commented on this product

Github Docs Knowledge Center Custom Development

Loading...

[1.2.0] 2020-12-11

Bug fixing

Delete the usage of react-google-maps, and change it with simple JS code from the Google Maps API tutorials
https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/30
https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/27
https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/24
https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/25
https://github.com/creativetimofficial/black-dashboard-react/issues/19 ### Major style changes
Replace downloaded version of bootstrap scss to node_modules ones
Renamed src/assets/scss/black-dashboard-pro-react/react/_react-differences.scss to src/assets/scss/black-dashboard-pro-react/react/react-differences.scss ### Deleted components ### Added components
src/components/TagsInput/TagsInput.js (instead of react-tagsinput plugin) ### Deleted dependencies
@types/googlemaps
@types/react
@types/markerclustererplus
react-google-maps (Instead of it, we're going to use simple plain JS Google maps)
react-tagsinput (instead of this one, we've copied it's code inside src/components/TagsInput/TagsInput.js and updated it to the latest React features)
react-bootstrap-switch (replaced by the CustomInput component from reactstrap)
history (instead of using history, we'll be using BrowserRouter from react-router-dom) ### Added dependencies
[email protected] (for new React Table API)
[email protected] ### Updated dependencies chart.js 2.9.3 → 2.9.4 moment 2.24.0 → 2.29.1 node-sass 4.13.1 → 4.14.1 nouislider 14.1.1 → 14.6.3 react 16.13.0 → 17.0.1 react-big-calendar 0.24.0 → 0.30.0 react-bootstrap-sweetalert 5.1.9 → 5.2.0 react-bootstrap-wizard 0.0.7 → 0.0.9 react-chartjs-2 2.9.0 → 2.11.1 react-datetime 2.16.3 → 3.0.4 react-dom 16.13.0 → 17.0.1 react-notification-alert 0.0.12 → 0.0.13 react-router-dom 5.1.2 → 5.2.0 react-scripts 3.4.0 → 4.0.1 react-select 3.0.8 → 3.1.1 react-table 6.11.5 → 7.6.2 reactstrap 8.4.1 → 8.7.1 eslint-plugin-flowtype 3.13.0 → 5.2.0 typescript 3.8.2 → 4.1.2 ### Important Notes The jQuery and TypeScript dependencies are installed only to stop console warnings on install. They are not actually used in our product. So the product is not based on jQuery, and it is not based on TypeScript! ### Warning Some warnings may appear when running the installation command, but they do not affect the UI or the functionality of the product. The following warnings will appear when running the installation command, but they do not affect the UI or the functionality of the product (they will be solved in our next update - they come from the plugins that we are using, and they haven't yet upgraded to the latest React version): npm WARN [email protected] requires a peer of [email protected]^16.6.1 but none is installed. You must install peer dependencies yourself. npm WARN [email protected] requires a peer of [email protected]^16.6.1 but none is installed. You must install peer dependencies yourself. npm WARN [email protected] requires a peer of [email protected]^16.5.0 but none is installed. You must install peer dependencies yourself. npm WARN [email protected] requires a peer of [email protected]^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN [email protected] requires a peer of [email protected]^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @restart/[email protected] requires a peer of [email protected]^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN [email protected] requires a peer of [email protected]^0.14.9 || ^15.3.0 || ^16.0.0-rc || ^16.0 but none is installed. You must install peer dependencies yourself. npm WARN [email protected] requires a peer of [email protected] || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself. npm WARN [email protected] requires a peer of [email protected]^0.14.0 || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself. Also, inside the product - the browser console, you will see a warning for deprecated methods of React. Once again, these do not affect the UI or the functionality of the product, they are there, so that the owners of the plugins will know that in React 18, their plugins will fail. These will be solved by the release of React 18, so you do not have to worry about them. Also, they appear only in development, and not in production. Happy Hacking!

[1.1.0] 06-03-2020

Bug fixing

Change the usage of .env file for absolute imports to jsconfig.json file
Changed the usage of .jsx files to .js ones
Github Issues:
- https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/20
- https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/18
- https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/17
- https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/15
- https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/14
- https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/12
- https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/11
- https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/10
- https://github.com/creativetimofficial/ct-black-dashboard-pro-react/issues/6 ### Major style changes
Almost all files from the src/assets/scss/* were changed due to the update of the scss/css/styles to the latest version of Black Dashboard PRO by Creative Tim ### Deleted components ### Added components ### Deleted dependencies ### Added dependencies
For our copyrights:
- [email protected]
- [email protected]
To stop the following warnings we've added:
- [email protected]
- [email protected] npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself. npm WARN [email protected] requires a peer of [email protected]>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself. ### Updated dependencies chart.js 2.7.3 → 2.9.3 history 4.7.2 → 4.10.1 moment 2.23.0 → 2.24.0 node-sass 4.11.0 → 4.13.1 nouislider 12.1.0 → 14.1.1 prop-types 15.6.2 → 15.7.2 react 16.7.0 → 16.13.0 react-big-calendar 0.20.2 → 0.24.0 react-bootstrap-sweetalert 4.4.1 → 5.1.9 react-chartjs-2 2.7.4 → 2.9.0 react-dom 16.7.0 → 16.13.0 react-jvectormap 0.0.4 → 0.0.16 react-notification-alert 0.0.9 → 0.0.12 react-router-dom 4.3.1 → 5.1.2 react-scripts 2.1.3 → 3.4.0 react-select 2.2.0 → 3.0.8 react-table 6.8.6 → 6.11.5 reactstrap 7.0.2 → 8.4.1 @types/googlemaps 3.30.16 → 3.39.3 @types/react 16.7.18 → 16.9.23 ### Warning We haven't updated react-table to the latest version (version 7), since it is still in testing. Also, on a future udpdate, we will drop support for this component and replace it with another dynamic table, such as DataTables.net! The folowing components make react throw errors for using life-cycle methods that will be dropped in React 17.x: react-jvectormap, react-bootstrap-switch, react-datetime, react-tagsinput. But the UI or functionality of the product is not affected. When we'll update the product to React 17.x, if the issue will persist, we'll drop support for these components and replace them with other ones that create the same or a similar UI. Also, the warnings are only present in the development, and not in production. The following warnings on installation could not be solved, due to some of our dependencies, however, they do not affect the functionality or the UI of the product: npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated [email protected]: Popper changed home, find its new releases at @popperjs/core npm WARN deprecated [email protected]: [email protected]<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of [email protected] npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.

[1.0.0] 2019-01-14

Original Release

Added Reactstrap as base framework
Added design from Black Dashboard PRO by Creative Tim

1,707,200 accounts

3,141,859 downloads

219 products

Join our newsletter

Black Dashboard PRO React

Creative Tim Courses

Collection of learning articles and online video courses.

Black Dashboard PRO React

Premium Reactstrap (bootstrap 4) Admin Template

Premium Reactstrap (Bootstrap 4) Admin Template

Product description

Product certified by: Creative Tim

493

1.2.0

10 months ago

2 years ago

160

15

7

Trusted by 1,707,200 developers and these companies

Freelancer

$59

Startup

$149

Company

$249

Enterprise

$599

Freelancer

$59

Startup

$149

Company

$249

Enterprise

$599

Frequently asked questions

Get Free Demo

We are here to help you!

57 Web Developers commented on this product

Loading...

Sharing is caring!

1,707,200 accounts

3,141,859 downloads

Company

Help and Support

Legal

Resources

Login with

Collection of learning articles
and online video courses.