Command palette
Desktop11 components29 variants4 recreations
Desktop command palettes: Command K, nested pages, scoped tabs, preview, Ask AI, cheat sheet and quick switcher.
$9, or included with Pro
Wallets, transactions and money movement (Desktop)
Desktop packDomain
Desktop balances, transactions, transfers, invoices, payouts, cards, approvals, exports and entity switching for finance apps.
- components
- 17
- variants
- 51
- recreations
- 3
- themes
- 5
Also for mobile: Wallets, transactions and money movement
What’s inside
Nine money patterns for web apps: balance overview and account cards, a transactions table with rows for pending and declined, a transfer form with review, an invoice editor and list, payout schedules, a card face and issue form, an approval queue with bulk select, exports and statements, and an entity switcher. Sample figures add up across screens, and amounts carry a sign and status words.
- 17 sets across 9 finance patterns
- Pending, declined, overdue, failed and frozen states
- Demo data that adds up, with no real card or account numbers
- 3 recreations of real business banking and spend tools
Balance overview
2 variants
- Accounts
- Currencies
Account card
4 variants
- Default
- Hover
- Low balance
- Focus
Transactions table
3 variants
- Default
- Filtered
- Empty
Transaction row
Free sample6 variants
- Default
- Hover
- Selected
- Pending
- Declined
- Focus
Transfer form
3 variants
- Details
- Review
- Sent
Invoice editor
1 variant
Invoice row
5 variants
- Draft
- Sent
- Overdue
- Paid
- Focus
Payout schedule
2 variants
- Weekly
- Daily
Payout row
4 variants
- Scheduled
- In transit
- Paid
- Failed
Card face
3 variants
- Active
- Frozen
- Details shown
Card issue form
2 variants
- Details
- Issued
Approval queue
2 variants
- Default
- Bulk selected
Approval row
4 variants
- Pending
- Selected
- Approved
- Declined
Export panel
2 variants
- CSV
Statement row
3 variants
- Ready
- Generating
- Failed
Entity switcher trigger
4 variants
- Default
- Hover
- Open
- Focus
Entity switcher menu
1 variant
- Figma file
- SuperDuper Pack: Wallets, transactions and money movement (Desktop)
- 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 Mercury, Stripe Dashboard and Ramp 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.
Business bank dashboard
Recreated from Mercury
Payments payouts
Recreated from Stripe Dashboard
Spend cards
Recreated from Ramp
Not affiliated with, endorsed or sponsored by Mercury, Stripe Dashboard and Ramp. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the transaction row full size, free
A transaction row in default, hover, selected, pending, declined and focus states. All 6 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More domain packs
Notifications and inbox
Desktop8 components36 variants4 recreations
Desktop notification bell and popover, inbox page, row types, snooze, preferences matrix, email digest and empty inbox.
$9, or included with Pro
Commerce and product pages
Desktop18 components76 variants3 recreations
Desktop product galleries, buy boxes, variant pickers, quick view, carts, reviews, comparison tables and store headers.
$9, or included with Pro
Questions about the wallets, transactions and money movement pack
One Figma file: SuperDuper Pack: Wallets, transactions and money movement (Desktop). It has 17 components with 51 variants, 3 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.