👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Account Referral Program
Referral program dashboard with unique referral links, reward tracking, referral statistics, social sharing, and earnings visualization
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Word-of-mouth marketing works when tracking is transparent. This React referral dashboard shows unique referral link, total referrals, conversion rates, and earned rewards with clear progress tracking. Built with shadcn/ui Card, Badge, Button, Progress, and Input components with Lucide React icons, users can copy referral links, share on social media, track pending and completed referrals, and see reward breakdown. One-click sharing, QR codes, and milestone celebrations—perfect for SaaS platforms, e-commerce, or any app using referrals for growth where clear incentives drive sharing.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/account-referrals-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/account-referrals-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/account-referrals-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/account-referrals-01.jsonRelated blocks you will also like
Account Billing & Subscription
Subscription and payment management
Account Usage & Analytics
Usage tracking and analytics
Account Team Members
Team collaboration and roles
Account Basic Information
Personal details and profile info
Account Activity Log
View account activity history
Account Storage Management
File storage and management
Questions you might have
Account Privacy Settings
Privacy and data control settings with profile visibility, search indexing, data sharing preferences, and GDPR-compliant data download options
Account Security Settings
Account security settings with password change, two-factor authentication toggle, and active sessions management