WalletKit - Banking & E-Wallet UI Kit for Flutter

WalletKit is a complete digital banking and e-wallet app for iOS and Android, built in Flutter. It runs on mock data out of the box, so you can open it, try every flow, and then connect your own backend by replacing one set of classes. The demo bank is called Petrel; every name and number in it is fictional.

Try it in your browser: https://demo.oncombalado.net/walletkit/

It covers the whole customer journey: onboarding, sign-in with a one-time code and PIN, and account opening with ID and selfie capture screens; a Home built around time, with a balance runway to payday and the payments coming up; activity with search and filters; sending money with a name check, review, PIN, and receipt; scheduled payments, requests, and saved recipients; QR payments and My QR; bills, auto-pay, mobile top-up, and adding money; cards with freeze, limits, card PIN, details behind a PIN, ordering, and lost or stolen; savings pockets; spending insights; exchange with held sample rates; rewards, invites, and statements; and profile, security, and settings. The main screens have loading, empty, error, and offline states.

Screens read from repository interfaces through Riverpod providers. Mock implementations with consistent, clearly fictional data are bound in one file: a transfer or a pocket move updates balances, history, and Home together. Replace them with your own API classes and no screen needs to change; the documentation walks through the swap step by step. Money is stored in integer minor units throughout.

The design system has light and dark themes, four brand presets, and a palette file for your own colors. English and Arabic are included with a full right-to-left layout, and you can add languages with .arb files. Currency, symbol position, number style, date format, 12/24-hour time, and first weekday are settings. Charts, card designs, and illustrations are drawn in code, so there are no stock images to license. The documentation includes release steps for Google Play and the App Store and a checklist of what a real banking app needs before going live.

What's included

- Flutter project for iOS and Android

- 107 screens and 15 loading, empty, error, offline, and confirmation states

- Sign-in with a one-time code, PIN setup, unlock, forgot PIN, new-device check

- Account opening in five steps with ID capture, photo check, selfie, and review screens

- Home with account tabs, a balance runway to payday, upcoming payments, pockets, and spending

- Send money (recipient, amount, review, PIN, receipt), send abroad, move between accounts, scheduled payments, requests, recipients

- QR payments and My QR, bills and auto-pay, mobile top-up, add money, cash-in code

- Cards: controls, freeze, limits, card PIN, details behind a PIN, order, lost or stolen

- Savings pockets, spending insights with a category donut and monthly trend, exchange, rewards, invites, statements

- Profile, security, trusted devices, login activity, limits, language, formats, appearance, help, chat

- Light and dark themes, four brand presets (Petrel, Cobalt, Moss, Graphite)

- English and Arabic (900 strings each) with right-to-left layout

- Repository interfaces, mock implementations, and one binding file

- Component gallery and a formats reference screen

- 288 tests, including every route in English and Arabic

- HTML documentation: setup, release steps (Android signing, iOS archive, splash), before going live, architecture, mock-to-API guide, money and formats, rebranding, localization, deep links, accessibility, licenses, changelog

- Commercial license (one developer, unlimited end products)

Not included: a backend, real payments or card issuing, identity verification, biometrics, push notifications, or an admin panel. PIN, code, and identity screens are user interface only, and the kit gives no financial advice.

Requirements: Flutter 3.44+ (Dart 3.12), Xcode 16+ for iOS, Android Studio with an Android SDK for Android. No API keys or accounts are needed to run the demo.