DemoBuy

Getting Started with Sales Dashboard Kit

Last updated on 2026-04-05

The Sales Dashboard Kit -- branded as SalesPulse -- Sales Performance Dashboard -- is a production-ready Next.js template for building a modern sales performance dashboard. It includes 9 screens covering revenue analytics, pipeline management, deal tracking, quota targets, team leaderboards, and reports -- all built with Tailwind CSS v4 and shadcn/ui.

What's Included

  • 30+ UI components -- primitives, sales composites, pipeline components, chart components, and layout components
  • 9 pages -- dashboard, pipeline, deals, targets, leaderboard, reports, settings, login, and register
  • 2 route groups -- (dashboard) for the main sales app, (auth) for login and registration
  • Light & dark mode -- oklch design tokens with a sales-focused color theme

Prerequisites

  • Node.js 18.17 or later
  • pnpm (recommended) or npm
  • A code editor -- VS Code recommended

Quick Start

# 1. Clone the repository (use the URL from your purchase email)
git clone <your-repo-url> sales-dashboard-kit
cd sales-dashboard-kit

# 2. Install dependencies
pnpm install

# 3. Start the dev server
pnpm dev

Open http://localhost:3000 to browse the sales dashboard.

Kit Overview

Area Screens Key Features
Dashboard 1 Revenue metrics, conversion funnels, quota attainment, activity feed
Pipeline 1 Visual stage columns, deal cards, drag-and-drop management
Deals 1 Deal list with values, close dates, status badges, filters
Targets 1 Individual/team quotas, progress bars, quota attainment tracking
Leaderboard 1 Rep rankings, performance metrics, gamification elements
Reports 1 Revenue trends, win rates, forecast charts, period comparison
Settings 1 General configuration, preferences, profile management
Auth 2 Login and register

Tech Stack

Technology Purpose
Next.js 16 React framework with App Router
React 19 UI library
Tailwind CSS v4 Utility-first styling with oklch tokens
shadcn/ui v4 Component primitives
Recharts 3 Dashboard and reporting charts
date-fns Date formatting and utilities
Lucide React Icon library
next-themes Dark mode support

Next Steps

Next

Installation