Payment cards — E-commerce Flutter screen
E-commerce
73 views

Payment cards

Payment cards is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-profile-cards.

A production-ready Flutter saved-payment-methods screen for any shopping, marketplace or wallet app. Each card renders as a full-width gradient card-art tile with a painted EMV-style chip, masked number showing only the last four digits, card-holder name, expiry and a painted brand mark (a Visa wordmark plate or Mastercard discs drawn via CustomPaint). The current card carries a translucent "Default" ribbon, with a tap "Set as default" toggle and a red Remove action per tile. A muted "Add a new card" tile and a pinned bottom "Add card" button round it out. Backend-agnostic — it exposes onAdd, onRemove and onBack callbacks only.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Gradient card-art tiles with painted chip and masked last-4 number
  • CustomPaint brand marks (Visa wordmark / Mastercard discs)
  • Translucent Default ribbon with tap-to-switch default toggle
  • Per-card Remove action with onRemove callback
  • Muted Add-a-new-card tile plus pinned bottom Add card button
  • Self-contained light theme, bundled Manrope font and SafeArea

Use cases

  • E-commerce and marketplace checkout apps
  • Digital wallet and fintech payment apps
  • Subscription and billing settings screens
  • Food delivery or ride-hailing payment methods

Related screens