Dashboard 02

An executive SaaS Analytics and Financial Overview Dashboard block featuring responsive sidebars, KPI metrics, transaction tables, and customer activity logs.

Preview

Total Revenue

$45,231.89

+20.1% from last month

Subscriptions

+2,350

+180.1% from last month

Sales

+12,234

+19% from last month

Active Now

+573

+201 since last hour

Transactions

Recent customer transactions across your store.

View All

Customer	Type	Status	Date	Amount
Liam Johnson liam@example.com	Sale	Approved	2026-06-23	$250.00
Olivia Smith olivia@example.com	Refund	Declined	2026-06-24	$150.00
Noah Williams noah@example.com	Subscription	Approved	2026-06-25	$350.00

Recent Sales

Olivia Martin

olivia.martin@email.com

+$1,999.00

Jackson Lee

jackson.lee@email.com

+$39.00

Isabella Nguyen

isabella.nguyen@email.com

+$299.00

Installation

pnpm dlx vibe-ui-kit@latest add dashboard-02 card button input badge avatar sheet

💡 Vibe UI Component Dependencies: This component requires other components to work correctlyPlease make sure you also install these Vibe UI component dependencies: card, button, input, badge, avatar, sheet

Block Concept

Vibe UI's Dashboard 02 block serves as an executive analytics dashboard template, integrating top navigation, responsive mobile sheet menus, metric KPI cards, and transaction data grids.

Contributors

Jenish Sabhadiya

Theme Customizer

Primary Theme Accent

Border Corner Radius

Glass Backdrop Blur8px

Export CSS Config

@theme {
  --radius: 0.5rem;
  --glass-blur: 8px;
}

Changes apply instantly to this documentation workspace.

Dashboard 02 | Vibe UI