Flutter package

bank_ui_kit

140+ bank-grade widgets across 22 banking domains.

A Flutter UI kit for mobile banking and fintech apps: more than 140 bank-grade widgets across 22 domains, from onboarding and accounts to transfers, cards, investing, and Islamic finance. Four built-in themes ship in light and dark, with right-to-left support, WCAG 2.1 AA accessibility, a privacy mode that masks balances, and lossless money on a Decimal-backed Money type.

flutter pub add bank_ui_kit
bank_ui_kit cover: a line-drawn payment card beside the package name

258

downloads / 30 days

160/160

pub points

6

platforms

How it works

One scope, every screen.

01 · Compose 02 · One scope 03 · Four themes Balance Card Transfer Chart BankUiScope one preset theme Money · RTL · privacy Your app light and dark Studio · Voltage · Bloom · Heritage One BankUiScope, 140 widgets, four themes in light and dark.
Wrap the app once in a BankUiScope with a preset theme. Compose bank-grade widgets, and the same screens render in four themes, each in light and dark.

Get started

Add it, then call it.

flutter pub add bank_ui_kit
import 'package:bank_ui_kit/core.dart';
import 'package:flutter/material.dart';

// Wrap the app once and pick a preset theme.
BankUiScope(
  initialData: const BankUiScopeData(preset: BankPreset.studio),
  child: MaterialApp(
    theme: BankPreset.studio.apply(ThemeData.light(useMaterial3: true)),
    home: const Dashboard(),
  ),
);

// Then compose bank-grade widgets.
BankBalanceText(money: account.balance, size: BankBalanceSize.hero);
BankVirtualCardWidget(account: account, cardholderName: 'ALEX MORGAN');

Versions

Release history

  1. 0.2.0 latest Jul 24, 2026
  2. 0.1.0 Jul 18, 2026
  3. 0.0.3 Jul 5, 2026
  4. 0.0.2 Jul 4, 2026
  5. 0.0.1 Jul 4, 2026

Refreshed from pub.dev on each deploy. Full changelog on pub.dev .

bank_ui_kit is open source under the MIT license.