Refer & Earn
Refer & Earn is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.
A production-ready Flutter referral hub for any shopping or marketplace app, backend-agnostic with callbacks only. It opens with a painted gift illustration and a "Give $10, get 500 points" headline, then a code card pairing a painter-drawn QR motif with the referral code and a copy-code pill. Below sit four tinted share channels (Messages, Email, Social, More), a progress card tracking invited friends toward a bonus voucher with a segmented bar, and a numbered "How it works" strip. A pinned bottom bar fires the invite action.
Full tutorial coming soon.
The step-by-step walkthrough and complete Dart source for this screen haven't been published yet. They'll be free when they are — no sign-up, no payment. In the meantime, browse the screens that already have their tutorial.
What's included
- ✓Painted gift hero with give-and-get headline
- ✓Referral-code card with seeded QR motif and copy-code pill
- ✓Four tinted share-channel shortcuts (Messages, Email, Social, More)
- ✓Milestone progress card with segmented bar and remaining-friends hint
- ✓Numbered three-step 'How it works' strip
- ✓Pinned 'Invite friends' bottom action bar
Use cases
- ✓E-commerce and shopping apps
- ✓Loyalty and rewards programs
- ✓Marketplace and delivery apps
- ✓Any refer-a-friend / invite flow
