Vue Black Dashboard PRO

Vue Black Dashboard PRO is a premium admin dashboard template from Creative Tim that pairs Bootstrap 4 with Vue.js to deliver a feature-rich, dark-themed UI (with a light mode) for data-management applications.

What is Vue Black Dashboard PRO?

Vue Black Dashboard PRO is a commercial admin dashboard template built on Bootstrap 4 and Vue.js, created by Creative Tim as the Vue version of their Black Dashboard PRO design. You use it as a starting point that ships with a full project structure including components, pages, plugins, and routing, and you get a ready-to-customize dashboard application in return. It comes in dark and light modes, and the design is inspired by macOS Mojave's dark appearance.

What makes Vue Black Dashboard PRO stand out?

It combines a popular dark aesthetic with a large set of pre-built components and example pages, saving development time. Notable specifics:

• Dark and light modes — the template includes both a dark theme and a light version, controlled via the UI.
• Bootstrap 4 + Vue.js stack — built on Bootstrap 4 with Vue components, an organized file structure, and a router for multi-page navigation.
• Example pages — includes Dashboard, User Profile, Tables (regular, extended, paginated), Maps (Google and vector), Notifications, Forms (regular, extended, validation), Calendar, Charts, Widgets, Pricing, Login, Register, Lock screen, and an RTL page.
• Reusable components — Cards, StatsCard, Bar/Line/Pie charts, Collapse, Tabs, Timeline, Wizard, Slider, Modal, ImageUpload, Alert, Button, Checkbox, Radio, Switch, Table, Pagination, Progress, Breadcrumb, and more.
• Notifications and sidebar plugins — the archive ships a NotificationPlugin and SidebarPlugin for toast alerts and collapsible navigation.
• Internationalization (i18n) — includes English and Arabic locale files (en.json, ar.json) plus an RTLPlugin for right-to-left layouts.
• Vendor integrations — example pages for Google Maps and vector maps, with a placeholder API key file (API_KEY.js) you replace with your own.
• Browser support — officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera.

Who should use Vue Black Dashboard PRO?

This template is aimed at developers and teams who need to build an admin interface without starting from scratch. Concrete use cases:

• Front-end developers who want a well-structured Vue.js codebase with ready-made components to extend.
• Agencies delivering custom dashboards to business clients, using the included charts, tables, forms, and maps.
• Startup founders looking for a polished UI for internal analytics or customer-facing admin areas, with dark mode as a design choice.

What can you do with Vue Black Dashboard PRO?

• Data visualization: display business metrics with the built-in Bar, Line, and Pie chart components and StatsCards on the Dashboard page.
• User and profile management: set up login, register, lock, and user profile pages with validation forms to handle authentication flows.
• Tabular data handling: use RegularTables, ExtendedTables, and PaginatedTables to present and paginate large datasets.
• Multi-step workflows: leverage the Wizard component with example steps in the Forms section to collect data across multiple screens.

Pricing

Vue Black Dashboard PRO is a paid product. It must be purchased from Creative Tim's website; no free version is offered for this PRO tier.

Alternatives

• Vue Black Dashboard — the free version of the design, available from Creative Tim with a smaller set of components and examples.
• Black Dashboard PRO (HTML) — the original Bootstrap 4 (non-Vue) version sold on Bootstrap Themes, which shares the same visual language.

FAQ

Is Vue Black Dashboard PRO free?

No, Vue Black Dashboard PRO is a commercial template. It is sold by Creative Tim, and you need to buy a license from their website to use it. A free alternative, Vue Black Dashboard, is available from the same vendor.

Does Vue Black Dashboard PRO have dark mode?

Yes, the template explicitly comes in two versions: Dark and Light Mode. You can use the dark theme as the default look or switch to the lighter variant, and the design is inspired by macOS Mojave Dark mode.

What browsers does Vue Black Dashboard PRO support?

The template officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera. This is the current browser support policy stated in the project's documentation.

Does Vue Black Dashboard PRO support RTL?

Yes. The template includes an RTL page (RTLPage.vue), Arabic locale data (ar.json), and an RTLPlugin in the plugins directory, so you can build right-to-left layouts.

Is there a free version of Vue Black Dashboard PRO?

There is a free version called Vue Black Dashboard, which is listed as a resource on the product page. It offers a smaller selection of components and pages compared to the PRO version.