Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Contact Block Referral
Referral submission form with referee details and relationship context for customer referral programs
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Turn happy customers into advocates. This React referral form component captures customer referrals with referee details, relationship context, and optional message. Built with shadcn/ui Card, Input, Select, Textarea, and RadioGroup components, the form makes it easy for customers to share your product with their network. Reward display, relationship picker, and personalized message field—perfect for SaaS referral programs, professional services, B2B companies, or any business leveraging word-of-mouth growth.
Refer a Friend
Know someone who would benefit from our product? Share the love.
Who are you referring?
Your Information
Installation
Related blocks you will also like
Contact Partnership Form
Partnership inquiry with company info
Contact Sales Form
Sales inquiry form with company details
Minimal Contact Form
Simple minimal contact form
Contact Feedback Form
Feedback form with rating selection
Contact Demo Request
Product demo request form
Contact with Newsletter
Newsletter signup with contact form