Rewards home
Rewards home is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.
A production-ready Flutter loyalty hub for any shopping or rewards app. A dark tier card pairs a CustomPainter progress ring (points balance inside a brand-red sweep) with a Gold member badge, "pts to next tier" line, an expiry note and a pill-shaped Redeem points button. Below it a two-column redeem grid (free shipping, vouchers, early access) sits above a "Ways to earn" list of bordered rows with reward badges, capped by a referral banner. Header reaches points history. Backend-agnostic, callbacks only.
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
- ✓CustomPainter tier progress ring with sweep-gradient arc and centered points balance
- ✓Dark gradient tier card with Gold member badge, next-tier and expiry text
- ✓Pill-shaped Redeem points CTA button
- ✓Two-column redeem grid (free shipping, vouchers, early access)
- ✓Ways-to-earn list of bordered rows with icon and reward badge
- ✓Tap-through referral banner and History header action
Use cases
- ✓E-commerce and retail shopping apps
- ✓Loyalty and rewards points programs
- ✓Cashback and member-perks apps
- ✓Referral and tiered-membership flows
