Shadcn.io is not affiliated with official shadcn/ui
Account Referrals
A referral program dashboard block for React and Next.js with referral link copy, stats summary, referral list with status tracking, social sharing, and reward tier progression built with shadcn/ui and Tailwind CSS
Track and grow your referral network with this referral dashboard block for React and Next.js. Features a copy-to-clipboard referral link, stats row showing total referred, converted, and earned amounts, a detailed referral list with masked emails and status indicators, social share buttons, and reward tier progression. Built with TypeScript, shadcn/ui Button, Badge, Input, and Progress components, motion/react animations, and Tailwind CSS. Perfect for SaaS growth dashboards, affiliate program interfaces, and community referral tracking tools.
Related Components
Rewards
Rewards and points management
Credits
Account credit balance
Billing
Billing and payment management
Loyalty Tier
Loyalty program tier status
Usage Dashboard
Usage analytics and stats
Activity Log
Account activity history
FAQ
Was this page helpful?
Sign in to leave feedback.
Recovery Options
An account recovery methods checklist block for React and Next.js with email, phone, security key, and trusted contact configuration, verification status, and recovery testing built with shadcn/ui and Tailwind CSS
Reviews
A review feed block for React and Next.js with star ratings, rating distribution chart, sort controls, expandable review text, helpful votes, and edit/delete actions built with shadcn/ui and Tailwind CSS