Shadcn.io is not affiliated with official shadcn/ui
Kanban Revenue Board
React revenue tracking dashboard kanban for Next.js with MRR metrics, ARR growth, churn rate, net revenue retention, and mini account columns using shadcn/ui, CountUp, and Tailwind CSS
Track subscription revenue health with this React and Next.js dashboard block. The top section presents four animated metrics — MRR, ARR growth, churn rate, and net revenue retention — powered by CountUp number animations. The bottom section renders a compact three-column kanban showing accounts across Expanding, Stable, and At Risk categories. Built with TypeScript, shadcn/ui Progress and Badge components, framer-motion stagger animations, CountUp, and Tailwind CSS. Perfect for SaaS revenue dashboards, customer success platforms, and subscription analytics tools.
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.
Resource Matrix
React swimlane kanban board for Next.js with resource type rows, allocation status columns, and team member chips using shadcn/ui and Tailwind CSS
Risk Assessment
React risk assessment 2x2 matrix grid for Next.js with likelihood-impact quadrants, risk chips, and severity indicators using shadcn/ui and Tailwind CSS