Membership Plans — E-commerce Flutter screen
E-commerce
73 views

Membership Plans

Membership Plans is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.

A production-ready Flutter membership-plans screen for any shopping app's subscription upsell. A painted crest hero leads into a pill billing toggle (Monthly vs Yearly, with a save-20% label) and three selectable tier cards (Free, Plus, Premium) each carrying a radio, a Most popular / Best value pill, a per-month or per-year price, and a benefit list with painted check and lock marks for included vs locked perks. A pinned bottom bar reflects the chosen tier and cadence, and a terms note sits below. Painter-only graphics, bundled Manrope, backend-agnostic via callbacks.

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

  • Pill billing toggle: Monthly vs Yearly with save-20% label
  • Three selectable tier cards (Free / Plus / Premium) with radios
  • Most popular / Best value / current-plan pills per tier
  • Painted check vs lock benefit marks for included and locked perks
  • Live price that recomputes per tier and billing cadence
  • Pinned subscribe bar reflecting selected plan, with onSubscribe callback

Use cases

  • Fashion and retail shopping apps
  • Subscription / loyalty membership upsells
  • Marketplace and delivery apps with premium tiers
  • Any paywall comparing free vs paid plans

Related screens