Step 01 / 12Wallet

Wallet leads with the total balance, this month's money in and out, and what is safe to spend against the budget.

WalletScreenBuilt onWalletApp ShellLessons

Flow · Ledgerly · Core Journey

Cards And Budgets SwiftUI Flow

From the balance on Wallet to the card you pay with, then this month's budget, a category and its limit. 12 steps through Ledgerly.

From the Finance App template, on the screens its Xcode project ships, in Studio, Graphic and Editorial, light and dark.

SwiftUIiOS 17.0+finance-app

5 Screens12 Steps

01

Every step

The whole journey at once. Choose a step to play it above.

Steps 4 to 12 are part of Pro. Pro opens every screen of every template, live in each style, and the SwiftUI to build them.

  1. 01
    Wallet

    Wallet leads with the total balance, this month's money in and out, and what is safe to spend against the budget.

  2. 02
    Hide Balances

    The eye hides every amount, for checking in public. Tapping it again shows them.

  3. 03
    Cards

    Below the balance sits the card stack. The Ledgerly Card is in front, so Recent activity follows it, and Card details opens it.

  4. 04
    Card Details

    Card details shows the Ledgerly Card with its number masked, $1,159 of $6,000 credit used, and this month's purchases.

  5. 05
    Show Number

    Show number unmasks the full number. Tapping the card turns it over to the security code.

  6. 06
    Freeze Card

    Freeze card declines new purchases while subscriptions keep running. Turning it off puts the card back to work.

  7. 07
    Budget

    The Budget tab rings September's spending by category around what is left: $851 of $3,545, with 15 days to go.

  8. 08
    Categories

    Every category is a block against its limit. Dining has $35 left, and tapping it opens the month behind the number.

  9. 09
    Dining

    Dining shows $284.70 of $320 on its own block, and the 14 transactions behind it.

  10. 10
    Adjust Limits

    Back on Budget, the sliders button opens Adjust limits. Each limit steps by $10, or $50 above $500, and the monthly budget is their sum.

  11. 11
    Raise A Limit

    Raising Dining to $360 lifts the monthly budget to $3,585. Save applies it; New category needs Plus.

  12. 12
    Budget, Updated

    Saved, the ring and the totals follow at once: $891 left to spend of $3,585.