Wallet
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.
5 Screens12 Steps$199 once, every piece included. See how installing works · Sign in
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.
- Wallet
Wallet leads with the total balance, this month's money in and out, and what is safe to spend against the budget.
- Hide Balances
The eye hides every amount, for checking in public. Tapping it again shows them.
- Cards
Below the balance sits the card stack. The Ledgerly Card is in front, so Recent activity follows it, and Card details opens it.
- Card Details
Card details shows the Ledgerly Card with its number masked, $1,159 of $6,000 credit used, and this month's purchases.
- Show Number
Show number unmasks the full number. Tapping the card turns it over to the security code.
- Freeze Card
Freeze card declines new purchases while subscriptions keep running. Turning it off puts the card back to work.
- Budget
The Budget tab rings September's spending by category around what is left: $851 of $3,545, with 15 days to go.
- Categories
Every category is a block against its limit. Dining has $35 left, and tapping it opens the month behind the number.
- Dining
Dining shows $284.70 of $320 on its own block, and the 14 transactions behind it.
- 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.
- Raise A Limit
Raising Dining to $360 lifts the monthly budget to $3,585. Save applies it; New category needs Plus.
- Budget, Updated
Saved, the ring and the totals follow at once: $891 left to spend of $3,585.
Built from the library
The reusable screens this journey is made of. Each one installs on its own too.
More flows in Ledgerly
The rest of the Finance App template, journey by journey.
Core Journeys in other apps
The same kind of journey, as other templates take it.