Banking app UI mockup

The 3 screens

Banking app: Accounts, Transaction detail, Send money. Each screen below is drawn from the mockup itself, with the headings, buttons, fields and lists that are on it.

1. Accounts

   Phone screen with 11 labels, 7 paragraphs, 6 avatars, 4 buttons, 3 headings, 2 cards, a badge, a link and 1 more component types.

   Headings

   Priya Shah · $12,480.56 · Recent transactions

   Navigation

   Home · Cards · Payments · Profile

   Buttons and actions

   Send · Request · Top up · Pay bills

   Text and labels

   Good morning, · Total balance · +2.4% this month · Everyday Checking •••• 7731 · See all · Blue Bottle Coffee · Coffee · Today, 8:14 AM · −$5.75 · Whole Foods Market · Groceries · Yesterday · −$64.20 · Acme Corp payroll · Salary · Oct 1 · +$3,250.00

2. Transaction detail

   Phone screen with 5 labels, 5 paragraphs, 4 dividers, 3 headings, an avatar, a badge, a button, a card and 3 more component types.

   Headings

   Transaction · Whole Foods Market · −$64.20

   Fields

   Add a note…

   Buttons and actions

   Report a problem

   Text and labels

   Completed · Date · Oct 6, 2026 · 6:42 PM · Category · Groceries · Card · Visa Debit •••• 7731 · Location · Austin, TX · Reference · TXN-58C2-91AF · Split with friends

3. Send money

   Phone screen with 7 labels, 4 avatars, 2 buttons, 2 headings, 2 paragraphs, a card, a dropdown, an icon and 4 more component types.

   Headings

   Send money · $250.00

   Fields

   Everyday Checking •••• 7731 · $12,480.56 · Name, @tag or account number · Reference (optional) - e.g. Rent share

   Buttons and actions

   Schedule for later · Confirm and send $250.00

   Text and labels

   From · To · Alex · Jordan · Leah · Tom · Amount to Alex Morgan · Daily limit $1,000 · $750 left today · Send instantly · $0.50 fee · Alex Morgan will receive $250.00 in seconds. You can cancel within 30 minutes.

Open and edit it

The banking app mockup is free on every Tierslate plan. Opened in the editor it becomes a board of your own: every component is a real shape you can move, resize, retext or recolour, you can add screens from the web, iOS and Android component library, and React code can be generated from the screens. In the editor it is under Templates, on the Mockups tab.

More mockups

• Food delivery app UI mockup - Browse restaurants, pick dishes, check out and follow the courier - four mobile screens.
• Social feed UI mockup - A photo-sharing app - stories and a post feed, a new-post composer and a profile with stats and a photo grid.
• Music player UI mockup - A mobile music app: a library with playlists and recently played tracks, and a now-playing screen with album art, progress and playback controls.
• iOS fitness app UI mockup - An iPhone activity tracker in the iOS 17/18 look: large-title navigation, activity rings, widgets, inset grouped lists, a tab bar, a settings sheet, an action sheet and an alert over the keyboard.
• Android mail app UI mockup - A Material 3 (Material You) email client: search bar, filter chips, inbox list, FAB, navigation drawer, message view, compose with a dialog, a schedule-send bottom sheet, and a tablet layout with a navigation rail and date/time pickers.
• Ride hailing app UI mockup - A mobile ride app: pick up and destination over a map, a choice of ride types with prices, and a live driver-on-the-way screen.