CONDUIT — Sales CRM Dashboard
Every deal, in motion.
A premium, dark-first sales CRM: a keyboard-accessible drag-and-drop pipeline, animated KPI count-ups, hand-built SVG charts (area / bar / donut / funnel), fast deal/contact/company tables with focus-trapped detail drawers, an activity timeline and reports. A typed Zustand store makes the demo genuinely live — re-stage a deal and every metric recomputes — and is the single documented seam to a real backend.
Role · Design + front-end build (simulated CRM backend via a typed Zustand store) · Updated Jun 2026
- 8 routes: dashboard, pipeline, deals, contacts, companies, activities, reports, settings (+ 404)
- A drag-and-drop kanban (@dnd-kit) with keyboard re-staging and stage totals
- A hand-built SVG chart suite (area, bar, donut, funnel, sparkline) — accessible + reduced-motion aware
- A typed in-memory CRM store (Zustand + persist) with a documented API/Supabase seam
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Your app / Supabase
A CRM UI you connect to your own data — every screen reads the typed Zustand store via selectors, so swapping action bodies for an API or Supabase leaves the UI unchanged.
Delivered as full Next.js source. Point the Zustand store's actions at your API or Supabase — the UI is unchanged.
What makes it special
A drag-and-drop pipeline
A six-stage kanban (Lead → Won/Lost) with @dnd-kit — pointer and keyboard sensors, drop-zone highlights and live announcements. Re-staging updates probability, stamps close dates and logs an activity.
A CRM that's actually live
A Zustand (+persist) store means dragging a card, logging an activity or ticking a task really changes the data — and the KPIs, funnel, leaderboard and every report recompute and survive a reload.
Hand-built charts, zero libs
Area (with crosshair + draw-on + target line), bar, donut and funnel are bespoke SVG, each keyboard-navigable with an aria-live readout and gated behind prefers-reduced-motion.
Fast tables → focus-trapped drawers
Searchable, sortable, filterable, URL-stateful, paginated tables for deals, contacts and companies open accessible detail drawers with timelines and a stage stepper.
Dark-first, full light theme, ⌘K
A no-flash persisted theme with an animated reveal, a command palette that jumps to any deal/contact/company, KPI count-ups and crisp AA contrast in both themes.
What’s included
- 8 routes: dashboard, pipeline, deals, contacts, companies, activities, reports, settings (+ 404)
- A drag-and-drop kanban (@dnd-kit) with keyboard re-staging and stage totals
- A hand-built SVG chart suite (area, bar, donut, funnel, sparkline) — accessible + reduced-motion aware
- A typed in-memory CRM store (Zustand + persist) with a documented API/Supabase seam
- A seeded dataset (~30 deals, ~40 contacts, ~15 companies, ~50 activities), CSV export, ⌘K palette, full light theme
Gallery
More Technology & SaaS templates
Make CONDUIT yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.