Spring SALE is on! Get our amazing Front-end & Back-end Bundles with discounts up to 90%! 🔥

Black Dashboard PRO React

Preview Docs

Free Demo

Live Preview Live Preview Docs

Black Dashboard PRO React

Premium Reactstrap (bootstrap 4) Admin Template

· 4.80/5 (58 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

420

Version

1.2.0

Changelog

view

Updated

2 months ago

Released

2 years ago

Reviews

See 58 Reviews

Handcrafted Elements

160

Customized Plugins

15

Example Pages

7

Premium Support

Bootstrap Based

Documentation

Fully Responsive

Trusted by 1,462,146 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. $299	Enterprise Deploy large-scale projects which include redistribution rights. $799 Contact Us
Documentation
Full Code
Designer Files
Domains	1 / product	1 / product	unlimited	unlimited
Team Size	1 person	2 - 5 people	6 - 10 people
Tech Support	6 months	12 months	12 months	18 months
Free Updates	6 months	12 months	12 months	18 months

Freelancer

Good for a personal or client web/mobile app.

$59

Documentation
Full Code
Designer Files	―
Domains	1 / product
Team Size	1 person
Tech Support	6 months
Free Updates	6 months

Startup

Build your startup or client web/mobile app.

$149

Documentation
Full Code
Designer Files
Domains	1 / product
Team Size	1 - 5 people
Tech Support	12 months
Free Updates	12 months

Company

Perfect for web/mobile apps or SaaS projects.

$299

Documentation
Full Code
Designer Files
Domains	unlimited
Team Size	5 - 10 people
Tech Support	12 months
Free Updates	12 months

Enterprise

Deploy large-scale projects which include redistribution rights.

$799

Documentation
Full Code
Designer Files
Domains	unlimited
Team Size
Tech Support	18 months
Free Updates	18 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 is the availability of a license?

The license is forever. You can use the purchased product and it’s ZIP/Code for unlimited years. The Updates and Support availability are limited, depending on your product's license type.

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 focused on small startups preparing to launch their product. It grants you the right to use the purchased product for multiple projects, such as a SaaS.

The Company license is aimed at startups, agencies, or larger teams. It grants you the right to use the purchased product for multiple projects, including SaaS apps.

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.

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 my Freelancer/Startup License on an
alias domain?

Considering the fact that having an alias domain means you will use the license for the same project, yes, you can use it.

Can I use my Company/Enterprise License on an alias domain?

Yes, you can use it.

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 happens after the 6/12/18 months of Free Updates / Tech Support expires? Can I download the new updates
after this period/get support?

At the end of this period, you will need to renew your License (purchase the product again) to get Support or Free Updates.

What does "Team size" mean for each license?

The Team size for each license reflects the number of people who can access the product.

For example, if you buy the Freelancer License, only one person can use the product.

If you have a team of 2-5 members that need access to the product, you will need to purchase the Startup License.

Same, if you have a team of 6-10 people, you will need the Company License.

For bigger teams of 11-15 people, the Enterprise License is required, and if the number of the team members exceeds 15, you will have to contact us for a special offer.

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 "Full Code" 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?

Depending on your license type, you have a fixed period when 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 (during business days). More info here.

What do "Free Updates" mean?

Depending on your license type, you have a determined period when you receive product updates that include bug fixes and new features.

More info here.

If I bought a Company Bundle, but I want an Enterprise Bundle instead, what can I do?

Please send us an email at [email protected]. We will send you an upgrade coupon for your desired Bundle, and you will only pay the price difference.

What does the number of “Domains" 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:

1. For example, if you purchased the Freelancer License, you can create only one website (for you or a client). If you want to create multiple websites, you will need a bigger License (like Company or Enterprise). Same, if you have multiple subdomains, like "test.yoursite.com" or "dev.yoursite.com", you can use the Freelancer or Startup License.

2. 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.

Can I transfer my License from a company to another one?

Yes, you can. It is available for all Licenses type as long as the support included in the License is still valid.

More info here.

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
Photoshop Files
Sketch Files
Premium Support

Live Preview Get Free Demo

If you have questions, please contact us on Support and Github

Github Issues Docs Knowledge Center

[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

Black Dashboard PRO React

Black Dashboard PRO React

Premium Reactstrap (bootstrap 4) Admin Template

Premium Reactstrap (Bootstrap 4) Admin Template

Product description

Product certified by: Creative Tim

420

1.2.0

2 months ago

2 years ago

160

15

7

Trusted by 1,462,146 developers and these companies

Freelancer

$59

Startup

$149

Company

$299

Enterprise

$799

Freelancer

$59

Startup

$149

Company

$299

Enterprise

$799

Frequently asked questions

Get Free Demo

If you have questions, please contact us on Support and Github

Sharing is caring!

1,462,146 accounts

2,670,514 downloads

Company

Help and Support

Legal

Resources

Latest News

Login with