Shadcn.io is not affiliated with official shadcn/ui
Kanban Sales Overview
React sales dashboard kanban for Next.js with pipeline metrics, win rate, deal size tracking, and mini kanban columns using shadcn/ui, CountUp, and Tailwind CSS
Visualize your entire sales pipeline at a glance with this React and Next.js dashboard block. The top zone presents four animated metrics — total pipeline value, win rate, average deal size, and deals closed — powered by CountUp number animations. The bottom zone renders a compact horizontal kanban with four mini columns for Lead, Qualified, Proposal, and Closed stages. Built with TypeScript, shadcn/ui Progress and Badge components, framer-motion stagger animations, CountUp, and Tailwind CSS. Ideal for sales dashboards, revenue forecasting tools, and CRM overview pages.
Related Components
CRM Deals Kanban
Split-panel CRM deal management
Product Backlog Kanban
Filtered backlog management board
Startup Pipeline Kanban
Deal flow with hover previews
Sprint Capacity Kanban
Progress-heavy capacity board
Team Workload Kanban
Avatar swimlane workload view
FAQ
Was this page helpful?
Sign in to leave feedback.
Safety Inspection
A safety inspection kanban board for React and Next.js with bulk selection via shadcn/ui Checkbox, zone labels, risk level indicators, and floating action bar built with Tailwind CSS
Schedule Flow
React scheduling workflow kanban board for Next.js with timeline header, urgency indicators, and attendee tracking using shadcn/ui and Tailwind CSS