Balance Card

NFrom Nibware - Original components, crafted in-house.

A hero balance card with account breakdown.

Finance29 linesSwiftUIiOS 17+

The actual source

Balance Card · Swift

BalanceCard.swift

import SwiftUI

let fnBlue = Color(red: 0.28, green: 0.35, blue: 0.95)

let fnPurple = Color(red: 0.48, green: 0.35, blue: 0.92)

/// A hero balance card with account breakdown.
struct FinanceBalance: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 14) {
            VStack(alignment: .leading, spacing: 3) {
                Text("Total balance").font(.system(size: 13, weight: .medium)).foregroundStyle(.white.opacity(0.8))

What it needs

Self-contained SwiftUI - system materials, SF Symbols, no external dependencies. This screen also references:

All of it - tokens, sub-views, models - is carried in the copy-paste source above.

Pairs well with