Shadcn.io is not affiliated with official shadcn/ui
Kanban Conversion Tracker
React conversion optimization dashboard kanban for Next.js with experiment metrics, A/B test tracking, uplift percentages, and mini kanban columns using shadcn/ui, CountUp, and Tailwind CSS
Track your conversion experiments from hypothesis to conclusion with this React and Next.js dashboard block. The top section presents four animated metrics — overall conversion rate, A/B test wins, running experiments, and average uplift — powered by CountUp animations. The bottom section renders a compact three-column kanban for Hypothesis, Testing, and Concluded stages. Built with TypeScript, shadcn/ui Progress and Badge components, framer-motion stagger animations, CountUp, and Tailwind CSS. Ideal for growth teams, CRO dashboards, and experimentation platforms.
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.
Contract Lifecycle
React contract management kanban for Next.js with lifecycle stage columns, compact cards, and Dialog detail overlay showing parties, value, dates, renewal terms, and key clauses using shadcn/ui Dialog and Tailwind CSS.
Creative Briefs
React kanban board for Next.js with creative brief workflow columns and a Sheet side panel showing brand details, objectives, target audience, assets, and feedback using shadcn/ui Sheet and Tailwind CSS.