Shadcn.io is not affiliated with official shadcn/ui
React Sales Pipeline Dashboard Block
Animated React sales pipeline dashboard block for Next.js with four funnel stages showing lead counts, conversion rates between stages, and total pipeline value using horizontal animated bars with shadcn/ui, Tailwind CSS, and framer-motion
Visualize your entire sales funnel at a glance with this animated pipeline dashboard block. Four horizontal stages — Lead, Qualified, Proposal, and Closed — display deal counts with proportional animated bars and conversion rates between each transition. A header summarizes total pipeline value and overall win rate. Built with React, TypeScript, shadcn/ui, Tailwind CSS, and framer-motion for CRM dashboards and sales operations tools.
React Sales Pipeline Dashboard Block preview
Installation
Related Components
Conversion Funnel
Five-step visitor-to-retained funnel with drop-off rates
Subscription Metrics
SaaS KPIs with MRR, ARR, churn, and LTV
Recent Invoices
Invoice list with status indicators and download actions
Dashboard Overview
Four KPI cards with trend indicators
Project Progress
Project list with animated progress bars
Geographic Breakdown
Regional revenue breakdown with animated bars
FAQ
Was this page helpful?
Sign in to leave feedback.
React Runbook Status Dashboard Block
Animated React operational runbook status dashboard block for Next.js with nine runbooks showing last execution status, automation level badges, category labels, trigger types, average execution duration, last run timestamps, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion
React SAML Configuration Dashboard Block
Animated React SAML SSO configuration status dashboard block for Next.js displaying identity provider details, certificate expiry, attribute mappings, login URL, metadata status, and expandable provider rows with connection test results using shadcn/ui, Tailwind CSS, and framer-motion