Shadcn.io is not affiliated with official shadcn/ui
CTA Affiliate
An affiliate program join CTA block for React and Next.js with commission tiers, animated earnings counter, benefit list, and apply button built with shadcn/ui and Tailwind CSS
Drive partner growth with this affiliate program CTA block for React and Next.js. Features a commission tier display with animated NumberFlow earnings calculator, a benefit list with cookie window and payout details, and an apply-now flow. Built with TypeScript, shadcn/ui Button components, NumberFlow for smooth number animations, react-wrap-balancer for balanced text, framer-motion for entrance animations, and Tailwind CSS. Perfect for SaaS affiliate pages, partner portals, and referral program landing sections.
Related Components
Referral CTA
Referral program invite block
Pricing Toggle CTA
Monthly and yearly billing toggle
Enterprise CTA
Enterprise sales contact block
Community CTA
Community join block
Pricing Blocks
Pricing tables and comparison cards
Hero Blocks
Landing page hero sections
FAQ
Was this page helpful?
Sign in to leave feedback.
Achievement
An achievement unlocked CTA block for React and Next.js with trophy icon, CountUp animation, confetti celebration, and share action built with shadcn/ui and Tailwind CSS
Analytics Setup
An analytics setup CTA block for React and Next.js with progress checklist, code snippet preview, status indicators, and staggered entrance animations built with shadcn/ui and Tailwind CSS