Top-up Card — Fintech Flutter screen
Fintech
41 views

Top-up Card

Top-up Card is a production-ready Fintech Flutter screen from FlutterKit Pro, installable with flutterkit add fintech-topup-card.

A production-ready Flutter top-up screen for any wallet, neobank or payments app. A custom on-screen numpad drives a large live "$" amount with decimal and backspace handling, while $50/$100/$250/$500 quick chips jump to common values and highlight the active one. An "Arrives instantly · no fee" line reassures, a linked-card row (Visa ···· 4821) with a Change action shows the funding source, and a full-width Add button enables only on a valid amount. Self-contained, dark-themed and backend-agnostic.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Custom numpad with decimal and backspace keys driving a live amount
  • Large auto-scaling "$" amount display via FittedBox
  • Quick-amount chips ($50/$100/$250/$500) with active highlight
  • Linked-card source row with masked number and Change action
  • "Arrives instantly · no fee" instant-transfer reassurance line
  • Full-width Add button that enables only on a valid amount

Use cases

  • Neobank and digital-wallet apps
  • Money-transfer and payments apps
  • Prepaid card and balance top-up flows
  • Crypto or trading account funding screens

Related screens