Skip to content
GetUrUI

CRM Dashboard

NewTemplateDashboard4 screens

A complete sales CRM for Pipewell, a fictional company: a collapsible app shell, an overview whose KPIs and revenue chart re-roll for 7d to 12m, a drag-and-drop pipeline board, a contacts table with bulk actions and a detail drawer, a team activity feed with tasks, and a ⌘K command palette.

Get this template

A self-contained Next.js project. One-time purchase, lifetime updates for this template, source yours to deploy.

$89

Or get every template with Lifetime

By continuing you agree to the Terms and the License. You ask for access to the digital content straight away and acknowledge that you lose your 14-day right of withdrawal once you download or install a paid item; our Refund policy still applies.

Included free with Pro Lifetime ($179) — compare plans.

Open

What is this?

A working sales CRM, not a static mockup: four connected views that share one state, so a deal dragged to Won updates the overview, the stage totals and the forecast at the same time. It ships as a design kit with a theme file, a type scale and 13 reusable components.

Who is it for?

Teams building a CRM, sales tool or any B2B admin product who want a polished, data-dense app shell they can wire to their own API instead of designing tables, charts and pipelines from scratch.

What you get

Everything needed to make it yours.

Drag-and-drop pipeline

Move deals between five stages by dragging or with arrow buttons; column totals roll and a closed deal celebrates with a toast.

Live overview

KPIs, a revenue-vs-target chart, stage bars and quota rings that all re-roll when you switch between 7 days and 12 months.

Contacts that scale

Search, filter, sort, select rows for bulk actions, page through results and open any record in a detail drawer with notes.

Keyboard first

A ⌘K palette to jump anywhere or open a contact, plus N for a new deal and G-then-letter shortcuts for every view.

A real design kit

theme.css holds every color and type role for light and dark; re-skin the whole app by editing one file.

Color with meaning

Neutral first, with lime reserved for money won and green or red only for good or bad news. It reads well in both themes.

Screens & sections

  • Design kit: theme.css with light and dark color roles + type scale
  • 13 reusable components (stat card, area chart, stage bars, pills…)
  • Collapsible sidebar and top bar
  • Overview with KPIs and range switcher
  • Revenue vs. target chart
  • Drag-and-drop pipeline board
  • Contacts table with bulk actions
  • Contact detail drawer with notes
  • Activity timeline and tasks
  • New deal dialog
  • ⌘K command palette and shortcuts

Stack

Next.jsReact 19Tailwind CSS 4Motion

29 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates