Black Dashboard

Black Dashboard is a Bootstrap 4 admin dashboard template by Creative Tim that packages a full set of UI components, chart libraries, and example pages into a single HTML/CSS/JS download for building back-office and data-visualization interfaces.

What is Black Dashboard?

Black Dashboard is a Bootstrap 4 admin dashboard template created by Creative Tim, released in version 1.0.0 under the MIT license. It takes plain HTML, CSS, JavaScript, and SASS files and delivers a ready-to-open dashboard UI with nine example pages: dashboard, user profile, tables, map, notifications, icons, typography, RTL, and upgrade. The project is distributed through npm as black-dashboard, a GitHub repository, and the Creative Tim website.

What makes Black Dashboard stand out?

• 16+ UI components — Over 16 individual component types are included, letting you combine cards, tables, forms, and more into thousands of possible layouts.
• Dark and Light modes — The download ships with two visual themes, Dark Mode and Light Mode, which you can choose between when building.
• SASS-based theming — Colors and styles live in scss/black-dashboard source files, so you can modify the palette and recompile with the included gulpfile.js.
• Chart integrations — Chartist powers the demo charts, and assets/js/plugins/chartjs.min.js is included for Chart.js-based visualizations.
• Notification plugin — Bootstrap Notify by Robert McIntosh is bundled for in-app alerts, and a full notifications example page demonstrates it.
• Custom scrollbar — Perfect Scrollbar (perfect-scrollbar.jquery.min.js) provides custom scroll behavior for dashboard sections.
• Example pages — The examples folder contains nine HTML pages covering dashboard, user, tables, map, notifications, icons, typography, RTL, and upgrade screens.
• One-click deploy — A Genezio deploy button lets you host your own version on Genezio without manual configuration.

Who is it for?

Black Dashboard suits developers and teams that need a functional admin interface without building components from scratch. It is MIT-licensed, so commercial projects can adopt it freely.

• Back-end developers who need a front end for their admin APIs: open the example pages, wire them to endpoints, and ship.
• Data analysts and business teams: use the dashboard page with charts and the tables page to present metrics.
• Startups and agencies looking for a free, customizable starting point: modify SASS colors and rebuild with Gulp.
• Designers who want to prototype admin flows quickly: the included pages cover login-adjacent screens like user profiles and notifications.

What can you do with Black Dashboard?

• SaaS teams — Display key business metrics on the dashboard page using the bundled Chartist and Chart.js examples, and manage rows in the tables page.
• Product teams — Build account-management screens from the user profile and notifications pages, complete with Bootstrap Notify alerts.
• RTL projects — Use the included rtl.html example to scaffold a right-to-left admin interface without extra setup.
• Open-source maintainers — Adopt the MIT-licensed dashboard as the UI of a free tool, then deploy to Genezio with the one-click button.

How does Black Dashboard work?

Black Dashboard is a static HTML template: you download or install it, then open the example HTML files in a browser or serve them from any web server. To customize it, edit the SASS files in assets/scss/black-dashboard and run the included gulpfile.js to recompile CSS, or use the npm package black-dashboard in a project. A one-click Genezio deployment button builds and hosts the repository.

FAQ

Is Black Dashboard free?

Yes, Black Dashboard is free to use and licensed under the MIT license, as stated in the LICENSE.md file in the repository. It was released by Creative Tim in 2019.

What browsers does Black Dashboard support?

The template officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera, which covers the browser matrix listed on the project page.

Does Black Dashboard include a light mode?

Yes, the download contains both Dark Mode and Light Mode versions. You can pick one when customizing the template; the example pages demonstrate the dark look.

How do I install Black Dashboard?

You can install it with npm i black-dashboard, clone the GitHub repository, download the ZIP from GitHub or Creative Tim, or deploy directly to Genezio using the provided button.

Can I customize the colors?

Yes, the template's colors are defined in SASS files under assets/scss/black-dashboard. You can change the variables there and recompile the stylesheet with the included gulpfile.js.