Shadcn.io is not affiliated with official shadcn/ui
React Dashboard Referral Program Metrics Block
Animated React referral program block for Next.js with total referrals, conversion rate, revenue attribution, average reward value, top referrer leaderboard with earnings, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion
Track the health of your referral program with this animated metrics block. Four summary metrics show total referrals, conversion rate, revenue from referrals, and average reward value. A leaderboard of six top referrers displays initials avatars, names, referral counts, and total earnings. Built with React, shadcn/ui, and framer-motion for smooth staggered entrance animations. Ideal for growth dashboards, affiliate program management, and marketing analytics.
React Dashboard Referral Program Metrics Block preview
Installation
Related Components
Payment Analytics
Transaction metrics and recent payments
User Retention
Cohort retention with percentage grid
Content Performance
Article analytics with engagement metrics
Audit Trail
Security event log with risk indicators
Risk Assessment
Risk matrix with probability and impact
Security Overview
Threat score and vulnerability summary
FAQ
Was this page helpful?
Sign in to leave feedback.
React Redis Metrics Dashboard Block
Animated React Redis monitoring dashboard block for Next.js displaying cache hit and miss ratios, memory usage, eviction counts, connected clients, key expiry distribution, and command breakdown with animated progress bars using shadcn/ui, Tailwind CSS, and framer-motion
React Regression Tests Dashboard Block
Animated React regression test suite dashboard block for Next.js displaying pass, fail, skip counts with flaky test tracking, test duration, expandable suite rows showing individual test results and failure details using shadcn/ui, Tailwind CSS, and framer-motion