Chat, messaging and calls
Mobile17 components71 variants4 recreations
Mobile chat list rows, message bubbles, receipts, composer, voice notes, media, reactions and call screens.
$9, or included with Pro
Wallets, transactions and money movement (Mobile)
Mobile packDomain
Mobile balances, amount entry, send and request, transactions, cards, exchange, payouts and savings goals screens.
- components
- 13
- variants
- 48
- recreations
- 2
- themes
- 5
Also for desktop: Wallets, transactions and money movement
What’s inside
Thirteen mobile money patterns: a balance header, amount entry with keypad, recipient select, send and request confirmation, transaction list and detail, card management, card visuals, currency exchange, add money, payouts, spending and savings goals. States cover loading, empty, pending, declined, frozen and over balance. Every page is documented, with a live grid in light and dark.
- Over balance, pending, declined and frozen states drawn
- Fictional demo data, neutral card network placeholder
- Recreations of Revolut exchange and Wise account screens
Balance header
4 variants
- Single currency
- Multi-currency
- Hidden
- Loading
Amount entry
Free sample3 variants
- Empty
- Entered
- Over balance
Recipient select
3 variants
- Recent
- Searching
- No contacts
Send and request confirm
4 variants
- Send review
- Request review
- Sending
- Sent
Transaction list
4 variants
- Grouped by day
- Filtered
- Loading
- Empty
Transaction detail
4 variants
- Card payment
- Transfer
- Pending
- Declined
Card management
3 variants
- Active
- Frozen
- Show PIN
Card
9 variants
- Brand
- Dark
- Light
- Active
- Frozen
- Details shown
Exchange
3 variants
- Entered
- Over balance
- Rate changed
Add money
3 variants
- Methods
- Amount
- Added
Payouts
3 variants
- Scheduled
- Instant payout
- Paid out
Spending categories
2 variants
- Overview
- Budget warning
Savings goals
3 variants
- Goals
- Goal detail
- Goal reached
- Figma file
- SuperDuper Pack: Wallets, transactions and money movement (Mobile)
- Themes
- Light, Dark, Light high contrast, Dark high contrast and Wireframe
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 5 screen patterns
- Wallet & balance, Transactions, Transaction detail, Amount entry and Recipient selection
How Revolut and Wise do it
Recreations of real products, so you can compare approaches side by side. They are approximate, built from public product knowledge, with placeholder data and no third-party artwork.
Neobank exchange
Recreated from Revolut
Multi-currency account
Recreated from Wise
Not affiliated with, endorsed or sponsored by Revolut and Wise. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the amount entry full size, free
An amount entry screen with keypad, shown empty, entered and over balance. All 3 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More domain packs
Notifications and inbox
Mobile9 components34 variants3 recreations
Mobile notification patterns: inbox rows, bells with counts, unread markers, activity and action rows, push previews and banners.
$9, or included with Pro
AI chat and prompt UI
Mobile13 components46 variants4 recreations
Mobile AI composers, streaming answers, sources, suggestions, voice mode, image grids, task progress and AI labels.
$9, or included with Pro
Questions about the wallets, transactions and money movement pack
One Figma file: SuperDuper Pack: Wallets, transactions and money movement (Mobile). It has 13 components with 48 variants, 2 recreations, and notes on when to use each part. Everything uses Figma variables, so you can change the colours and type to match your product.