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

0

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.0.2 latest Jul 4, 2026
  2. 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.