Crypto wallet mockup examples

Browse 40 crypto wallet mockup examples, 30 phone screens and 10 video thumbnails, all drawn by Flexdger Wallet and all labelled as mockups. They show how a believable wallet screen looks, so you know the target before composing yours.

For videos and Shorts

Stay on the home screen and whatever opens from it, such as the + menu. These are the screens a clip can linger on, and the mockup label stays in view throughout.

Mockup of a hardware wallet app home screen in dark mode: a portfolio named B-roll, a total up for the day, Transfer, Swap and Buy buttons, then rows for BTC, ETH and SOL.
Mockup Dark home, three token rows A portfolio named B-roll on an up day. Three rows and nothing beneath them leave the full list inside the frame of a vertical clip. B-roll and stock footage
Mockup of a hardware wallet app home screen in dark mode: a portfolio named Film prop, a total down for the day in red, and rows for BTC, ETH, SOL and USDC.
Mockup Dark home on a down day The Film prop portfolio on a down day, with all four tokens in the red, suited to a scene where the market goes the wrong way. Phone screens on a film set
Mockup of a hardware wallet app home screen in light mode: a portfolio named Set dressing and six token rows, the last one USDT on a lettered badge.
Mockup Light home, six token rows Light theme, six tokens. The final row, USDT on a lettered badge, spills off the bottom edge, the way a list longer than the display would. Phone screens on a film set
Mockup of a hardware wallet app home screen in dark mode: a portfolio named Deep Pockets, a market row of tiles, a perpetuals card, five token rows and more cards below.
Mockup Dark home, every section on All sections switched on at once: market row, perpetuals, token list, stocks, loans and the accounts card. This is the tallest screen the wallet can draw. How to record a wallet screen
Mockup of a hardware wallet app Transfer sheet in dark mode: Receive via crypto address, Send crypto and Receive via bank transfer, over the home screen.
Mockup Transfer sheet in dark mode One tap on Transfer opens it. It offers three routes for a clip to follow: a receive address, a send screen or a bank transfer. How to record a wallet screen
Mockup of a hardware wallet app Transfer sheet in light mode: Receive via crypto address, Send crypto and Receive via bank transfer.
Mockup Transfer sheet in light mode The same sheet in the light theme. With the balance sitting behind it, no amount appears on screen. How to record a wallet screen

Further reading: recording a wallet screen for a video and filming a phone screen on set.

For pitch decks and demos

Portfolio screens in both themes with different token mixes, plus the accounts sheet for a demo that jumps between accounts. Whether on a slide or on stage, tell the audience the screen is a mockup.

Mockup of a hardware wallet app home screen in dark mode: a portfolio named Flexdger with SOL, ETH, BTC, HYPE and USDC rows.
Mockup Dark home, five token rows All five built-in tokens on a single screen, so a complete portfolio fits on one slide in the dark theme. Take a look at the wallet
Mockup of a hardware wallet app home screen in light mode: a portfolio named Daylight with five token rows.
Mockup Light home, five token rows The identical five tokens in the light theme, meant for a light slide. Putting a portfolio in a pitch deck
Mockup of a hardware wallet app home screen in light mode: a portfolio named Desk, a market row of tiles, a perpetuals card and four token rows.
Mockup Light home, every section on All sections on again, this time in the light theme: market row, perpetuals and the token list together on one slide. Putting a portfolio in a pitch deck
Mockup of a hardware wallet app home screen in dark mode: a portfolio named Mainnet with rows for ETH, BTC, SOL and USDC, ETH the largest.
Mockup Dark home led by ETH ETH leads, with BTC, SOL and a USDC line trailing: the first of four different token mixes in this section. Presenting a live demo
Mockup of a hardware wallet app home screen in dark mode: a portfolio named Perp desk, a large HYPE row above SOL and USDC.
Mockup Dark home weighted to HYPE HYPE supplies most of the total while SOL and USDC trail far behind, which makes a portfolio concentrated in a single token. Building a portfolio
Mockup of a hardware wallet app home screen in dark mode: a portfolio named Cold storage, a large BTC row above ETH and USDC.
Mockup Dark home weighted to BTC BTC supplies most of the total and ETH is down on the day: the same lopsided shape, built on another token. Building a portfolio
Mockup of a hardware wallet app home screen in light mode: a portfolio named Boring Money, a USDC row first, then DAI and ETH.
Mockup Light home led by USDC USDC, a stablecoin, sits first, ahead of DAI and ETH. It is the one mix here that a stablecoin leads. Building a portfolio
Mockup of a hardware wallet app Accounts sheet in dark mode: a list of accounts, each with stacked token icons, a name, an asset count and its total.
Mockup Accounts sheet in dark mode Every account shows its own total and the icons of what it contains. A demo uses this sheet to hop from one account to another. Presenting a live demo
Mockup of a hardware wallet app Accounts sheet in light mode: a list of accounts, each with stacked token icons, a name, an asset count and its total.
Mockup Accounts sheet in light mode The same sheet in the light theme, so the two screens can be compared side by side. Presenting a live demo

Related: showing a portfolio in a pitch deck, running a wallet demo live and where demo data crosses a line.

For app design and App Store preparation

Reference screens for layout choices: pill tabs, token rows, a lettered badge for a token with no icon, sheets, and one screen shown in both themes. An App Store listing shows your own build, so treat these as a source of conventions, the ones laid out in what good crypto wallet interfaces have in common.

Mockup of a hardware wallet app home screen in light mode: a portfolio named Props, Transfer, Swap and Buy buttons, and rows for BTC, ETH and SOL.
Mockup Light home, three token rows The most compact list in the light theme: the total, the three action buttons and three rows below them, with nothing else on screen. What a wallet screen is made of
Mockup of a hardware wallet app home screen in light mode: a portfolio named Solstice, a large SOL row above USDC and HYPE.
Mockup Light home weighted to SOL SOL leads this light theme portfolio, followed by USDC and a small HYPE line. What a wallet screen is made of
Mockup of a hardware wallet app home screen in dark mode: a portfolio named Set piece, six token rows including USDT on a green lettered badge.
Mockup Dark home with a lettered USDT badge USDT gets a green lettered badge since it falls outside the built-in catalog. This is how the wallet draws a token that has no icon. Token icon and badge details
Mockup of a hardware wallet app home screen in dark mode: a portfolio named Moon bag with DOGE and BONK on lettered badges, then SOL and USDC.
Mockup Dark home with a lettered BONK badge DOGE and BONK each receive a lettered badge, yellow and orange, and sit above SOL and USDC. Token icon and badge details
Mockup of a hardware wallet app token screen in light mode: the Bitcoin page with the amount held, its value, a price curve and the 1D, 1W, 1M, 1Y and All buttons.
Mockup Token page in light mode What opens from a token row: the icon, the amount held, its value, the move over the day, a price curve and the range buttons beneath it. What a wallet screen is made of
Mockup of a hardware wallet app token screen in dark mode: the Solana page with the amount held, its value, a green price curve and the range buttons.
Mockup Token page in dark mode The same screen in the dark theme, for a token that is up on the day, so the curve is green. Place it next to the light version to compare contrast. What a wallet screen is made of
Mockup of a hardware wallet app Discover screen in dark mode: a row of categories above a list of entries, each with a round mark and a name.
Mockup Discover screen in dark mode The directory view: categories along the top and then the entries, each with its own mark. It is a full screen, not a sheet laid over the home. What a wallet screen is made of
Mockup of a hardware wallet app Market screen in dark mode: total market cap, a mood gauge, and a ranked list of assets with prices and daily moves.
Mockup Market screen in dark mode Total market cap leads, with a mood gauge next to it, and below come assets ranked by size, each with a price and its move for the day. What a wallet screen is made of
Mockup of a hardware wallet app Swap tab in dark mode: a You pay card above a You receive card, joined by a round swap button.
Mockup Swap tab in dark mode A pay-from card and a receive-into card are joined by the swap button, which trades their places. What a wallet screen is made of

Measurements live in the anatomy of a crypto wallet screen. Before submitting, read what review rejects in a crypto wallet listing and the screenshot sizes Apple accepts.

For teaching

Screens for a class on reading a wallet: a total with its change over the day, a receive address beside a decorative QR pattern, a recipient field and a trade. The addresses are decorative as well, so nothing here can receive anything.

Mockup of a hardware wallet app home screen in dark mode: a portfolio named First wallet with a small total and rows for SOL, ETH and USDC.
Mockup Dark home with a small balance A small balance made of three lines, SOL, ETH and USDC, that add up to the total, so a class can check the sum by hand. A ready-made lesson plan
Mockup of a hardware wallet app home screen in light mode: a portfolio named Class demo with DOGE and BONK on lettered badges, then SOL and USDC.
Mockup Light home with a lettered BONK badge Two tokens outside the built-in catalog, DOGE and BONK, appear as lettered badges over SOL and USDC. The larp wallet explained
Mockup of a hardware wallet app search screen in dark mode: a search field, results grouped under Crypto and Stocks, and a keyboard at the bottom.
Mockup Search screen in dark mode Search with the keyboard raised: results are grouped by kind and each shows a price and its move for the day. No real search takes place. A ready-made lesson plan
Mockup of a hardware wallet app Transaction history screen in dark mode: entries grouped by date, each with an icon, a label and an amount.
Mockup History screen in dark mode Movements grouped by date, a starting point for a lesson on reading an account's history. None of them ever happened. A ready-made lesson plan
Mockup of a hardware wallet app Analytics screen in dark mode: Total balance above a curve, with the 1D, 1W, 1M, 1Y and All buttons under it.
Mockup Analytics screen in dark mode Total balance over time drawn as a curve with range buttons underneath. It is the screen that sits behind the change pill on the home screen. A ready-made lesson plan
Mockup of a hardware wallet app Earn tab in dark mode: a heading, a card per offer, and the dock at the bottom with Earn selected.
Mockup Earn tab in dark mode The fourth screen of the dock, showing what a wallet displays when it offers to put a holding to work. A class can read it without signing anything. Demo account versus simulator

A 45-minute plan lives in teaching crypto wallets in class, with the vocabulary in what a larp wallet is.

For YouTube and X thumbnails

16:9 frames for videos on YouTube and X. Each places a headline on the left, above the site address, and the wallet on the right inside a phone frame, with its mockup pill at the top of the screen. The same interface runs on our homepage.

Video thumbnail: the headline “A crypto wallet app simulator.” beside a crypto wallet mockup in a phone frame.
Mockup Video thumbnail: app simulator Made for a video that introduces the wallet: the headline “A crypto wallet app simulator.” sits next to a dark home screen with an empty Cash row.
Video thumbnail: “Your tokens. Your amounts. Your name.” beside a dark crypto wallet mockup named Film prop.
Mockup Video thumbnail: your tokens Made for a video about what you choose yourself: “Your tokens. Your amounts. Your name.” appears next to a wallet named Film prop on a down day.
Video thumbnail: “It opens full screen, like an app.” beside a light crypto wallet mockup in a phone frame.
Mockup Video thumbnail: full screen Made for a video about adding the wallet to a phone's home screen: “It opens full screen, like an app.” appears next to a light wallet named Mockup 01.
Video thumbnail: “Live prices. Typed-in amounts.” beside a dark crypto wallet mockup named B-roll.
Mockup Video thumbnail: typed-in amounts Made for a video about where the numbers come from: “Live prices. Typed-in amounts.” appears next to a wallet named B-roll.
Video thumbnail: “No keys. No blockchain. Just a mockup.” beside the Receive sheet of a crypto wallet mockup.
Mockup Video thumbnail: no keys Made for a video about what the wallet is not: “No keys. No blockchain. Just a mockup.” appears next to the Receive sheet and its decorative QR pattern.
Video thumbnail: “Try the demo. No account.” beside the demo's crypto wallet mockup with its DEMO mark.
Mockup Video thumbnail: the demo Made for a video that points viewers to the demo: “Try the demo. No account.” appears next to the demo, with its DEMO mark and its own pattern.
Video thumbnail: “Send, receive and trade screens.” beside the Trade sheet of a crypto wallet mockup.
Mockup Video thumbnail: sheets Made for a video about the sheets: “Send, receive and trade screens.” appears next to the Trade sheet from ETH to USDC.
Video thumbnail: “Several accounts, one wallet.” beside the accounts sheet of a crypto wallet mockup.
Mockup Video thumbnail: accounts Made for a video about accounts: “Several accounts, one wallet.” appears next to the accounts sheet listing Main, Video and Practice.
Video thumbnail: “Light or dark. Your call.” beside a light crypto wallet mockup with a Cash row.
Mockup Video thumbnail: light or dark Made for a video about themes: “Light or dark. Your call.” appears next to a light home screen with a Cash row.
Video thumbnail: “On your phone, at your own address.” beside a dark crypto wallet mockup named Side account.
Mockup Video thumbnail: your address Made for a video about the wallet's own link: “On your phone, at your own address.” appears next to a wallet named Side account.

What is a crypto wallet mockup?

Think of a crypto wallet mockup as one frozen picture of one wallet screen, at a set pixel size, with no states, no navigation and no logic behind it. People use three words for what they want, and then the wrong thing arrives. A model is structure, either a data schema or a 3D mesh for a render. A mockup is something you can send tomorrow morning. A prototype is something you click, and it answers the one question a mockup cannot: whether a stranger can get through the flow unaided.

DeliverableTime to make itWhat you end up with
ModelHours to weeksA schema or a mesh, nothing a person can look at
MockupMinutesA picture per screen, at the size you choose
PrototypeDaysA flow you can click, but not paste into a listing

Choose according to where the screen will end up. A pitch, a slide, a thumbnail or a shot on set needs an image file, so build the mockup and stop there. A store listing works differently: Apple asks that the images in a listing reflect the app in use, which means the listing shows your own build and a mockup belongs earlier, in the pitch or the concept test. Engineers beginning the app need the data model, and testing a flow on a real person calls for the prototype, which you can later slice into frames.

Not one of the three is a wallet. A mockup holds no funds, connects to no blockchain and signs nothing. It is a drawing of an interface at phone resolution, good for a deck or a camera and never evidence of a balance.

Mockup or UI kit?

A UI kit is a bag of parts, such as rows, sheets and buttons, that you put together inside a design tool, while a mockup is the screen already assembled. To build screens on your own, begin with the crypto wallet template; to look at finished ones first, scroll back up.

How to use these examples

  • Go to the section that fits your use, from videos to teaching, and find the screen nearest to your need: a down day, a Cash row, a sheet, the other theme.
  • Read the label. Every image has “mockup · not real funds” inside the picture, and anything you make from the idea should keep it in view.
  • To compose your own, open the wallet, type your tokens and quantities, then capture it on your own phone so the status bar is yours.
  • Say what it is. On a slide, in a video or in a caption, a screen like these is a mockup and never a statement of an account.

Questions about crypto wallet mockups

What is a crypto wallet mockup?

It is a single still image of a wallet screen at a fixed size, drawn from values somebody typed. It has no states, no navigation and no logic, and it holds no funds.

Mockup, prototype or model: which do I need?

If a picture is what you owe, a mockup. A model is a data schema or a 3D mesh and neither gives anyone something to look at, while a prototype is clickable and takes days instead of minutes.

What goes in an app store listing?

Your own build, at the exact pixel size the store wants, since Apple asks that listing images reflect the app in use. A mockup comes earlier, in a pitch or a concept test.

When is a prototype the better choice?

When the open question is whether the flow works, meaning whether someone who has never seen the app can move from one screen to the next without being told. When the question is how one screen looks, a still image answers it.

Are the balances on these mockups real?

No. We typed the quantities for these examples and froze the prices when the images were rendered, so no amount on this page is real money. Nothing on the screens holds anything, and none of them connects to a blockchain.

Notes on these images

  • They come straight from the wallet's own interface, rendered at 1179 × 2556 pixels, the size of an iPhone screenshot, and served on this page at 524 pixels wide. The thumbnails start at 1280 × 720 and are served at 960. Every one is a still picture with nothing to click, which is how a mockup differs from a prototype.
  • Each image is labelled twice: a lavender “mockup · not real funds” pill, and the same words repeated in a pattern across the screen. The demo thumbnail keeps the demo's own pattern, beside its DEMO mark.
  • The quantities were picked for these examples and the prices were frozen when the images were made, so no amount on this page is real money. In the wallet itself, the five built-in tokens (SOL, ETH, BTC, HYPE and USDC) follow live market prices, while every quantity is typed in.
  • The status bar, showing 9:41 and a full battery, was drawn just for these images. On a phone the wallet draws none: the bar in your own screenshot belongs to your phone. See what lands in the picture.
  • The wallet holds no funds, connects to no blockchain and never asks for a seed phrase or a private key. Using a screen like these as a real account, to get money, an investment or someone's trust, breaks our terms.

Try the same interface yourself

Our homepage shows it inside a phone frame. Your own wallet runs it with live prices, and with your own tokens, quantities, name and Cash row.

Take a look at the wallet

Also useful: larp pictures, larp wallpapers and the phone mockup maker.