Plus Checkout — E-commerce Flutter screen
E-commerce
64 views

Plus Checkout

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

A production-ready Flutter checkout screen for confirming a paid membership in any commerce or subscription app. A dark gradient summary card pins the selected plan, billing cadence and a trial badge, then a payment-method list lets shoppers pick from saved cards (with painter-drawn Visa and Mastercard brand marks) or add a new one. An auto-renew toggle, a trial-aware order summary (plan, trial credit, tax, due-today and the next charge date) and a terms checkbox feed a pinned confirm bar that stays disabled until terms are accepted. 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

  • Dark gradient plan summary card with billing cadence and trial badge
  • Saved-card selector with radio rows and painted Visa / Mastercard brand marks
  • Add-a-new-card row
  • Auto-renew toggle on a soft surface tile
  • Trial-aware order summary with plan, trial credit, tax, due-today and next-charge date
  • Terms checkbox gating a pinned confirm-subscription bar

Use cases

  • E-commerce loyalty or Plus membership apps
  • Subscription and SaaS sign-up flows
  • Streaming or content paywall checkouts
  • Any free-trial-to-paid upgrade screen

Related screens