Shadcn.io is not affiliated with official shadcn/ui
Kanban Marketing Funnel
React marketing funnel dashboard kanban for Next.js with lead metrics, conversion rates, cost per lead tracking, and mini campaign columns using shadcn/ui, CountUp, and Tailwind CSS
Monitor your marketing funnel performance with this React and Next.js dashboard block. The top section displays four animated metrics — total leads, conversion rate, cost per lead, and marketing qualified leads — with CountUp number animations. The bottom section provides a compact three-column kanban showing campaigns across Awareness, Consideration, and Decision stages. Built with TypeScript, shadcn/ui Progress and Badge components, framer-motion stagger animations, CountUp, and Tailwind CSS. Perfect for marketing dashboards, campaign performance tracking, and demand generation reporting.
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.
Maintenance Log
An equipment maintenance kanban board for React and Next.js with bulk selection via shadcn/ui Checkbox, maintenance type badges, priority indicators, and floating action bar built with Tailwind CSS
Meal Prep
React kanban meal prep planner for Next.js with vertical accordion columns, meal type badges, prep times, serving counts, and staggered animations using shadcn/ui Accordion and Tailwind CSS