Tilt Swipe Actions
A private-banking ledger on warm laid paper: one engraved ink account card with a brass hairline frame and woven cheque lines, a balance set like a cheque in Bodoni Moda (raised brass dollar sign, ivory cents), and "Latest spending" as a ruled ledger of six transactions in one money style (–$114.00). Swipe a transaction right and keep pulling: the line lifts as a strip of heavier paper and breaks into equal shares, one person per detent (2 to 5), each share with the person's monogram, name and amount; yours turns to ink with a brass monogram, the others stay paper. An ink bar rides over the row above ("$96.60 ÷ 2 3 4 5", the count on a brass disc) and the other rows dim. Let go on two or more and the shares heal into one row reading "–$32.20 of $96.60 · Split with Mai, Leo" with small monograms; the requested people's monograms fly from their shares to an ink toast ("Requested $64.40 · Mai and Leo · $32.20 each") with a brass Undo, the week total rolls down. Undo leaves the row whole: its amount rolls back to –$96.60, "of $96.60" fades, the subtitle cross-fades back to "Dining · Yesterday", the week total rolls back and the toast leaves with its monograms. Let go before the first detent and it springs back. Swipe left for Flag and Delete as flush graphite and oxide tiles; past the middle Delete swallows the strip, and a delete folds the slot with an Undo toast. The name never peeks out as a fragment while the row is open. The FAB sits in the tab bar and opens Income, Expense and Transfer. Every row has Split between 2–5 people, Flag and Delete as accessibility actions.
Is this your design? Ask for a correction or removal
React Native · Expo SDK 52+, TypeScript
✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.