Flow Type

Swap Flow

The swap flow is core to DeFi. Compare how products design token selectors, amount inputs, price impact warnings, route displays, and confirmation screens.

9implementations

67total screens

MetaMask6 stepsWallet

MetaMask Swap — step 1

DOWNLOAD METAMASK

Step 1

MetaMask Swap — step 2

SwapsSafely exchange any tokenMetaMask USDEthereum

Step 2

MetaMask Swap — step 3

Cookie/overlay banner

Step 3

MetaMask Swap — step 4

Cookie/overlay banner

Step 4

MetaMask Swap — step 5

Cookie/overlay banner

Step 5

MetaMask Swap — step 6

Cookie/overlay banner

Step 6

Phantom4 stepsWallet

Token pair selector

Token pair selector

Step 1

Enter swap amount

Enter swap amount

Step 2

Route preview & fees

Route preview & fees

Step 3

Confirm swap

Confirm swap

Step 4

Uniswap7 stepsDeFi

Uniswap Swap — step 1

Main landing page - Swap interface with "Swap anytime, anywhere" hero

Step 1

Uniswap Swap — step 2

Token selector modal - showing popular tokens and swap across networks

Step 2

Uniswap Swap — step 3

Swap page - showing Swap/Limit/Buy/Sell tabs with swap form

Step 3

Uniswap Swap — step 4

Limit order page - with limit price and market/percentage buttons

Step 4

Uniswap Swap — step 5

Buy crypto page - fiat onramp with amount presets

Step 5

Uniswap Swap — step 6

Sell crypto page - fiat offramp with percentage presets

Step 6

Uniswap Swap — step 7

Swap page with Trade menu expanded - showing Swap/Limit/Buy/Sell options

Step 7

Coinbase1 stepExchange

Coinbase Swap — step 1

Cookie/overlay banner

Step 1

Binance27 stepsExchange

Binance Swap — step 1

Markets

Step 1

Binance Swap — step 2

Markets — scrolled 3

Step 2

Binance Swap — step 3

Markets — Favorites tab

Step 3

Binance Swap — step 4

Markets — Cryptos tab

Step 4

Binance Swap — step 5

Markets — Spot tab

Step 5

Binance Swap — step 6

Markets — Alpha tab

Step 6

Binance Swap — step 7

Markets — Zones tab

Step 7

Binance Swap — step 8

View More Coins

Step 8

Binance Swap — step 9

View More Coins — scrolled 1

Step 9

Binance Swap — step 10

View More Coins — Favorites tab

Step 10

Binance Swap — step 11

View More Coins — Cryptos tab

Step 11

Binance Swap — step 12

View More Coins — Spot tab

Step 12

Binance Swap — step 13

View More Coins — Alpha tab

Step 13

Binance Swap — step 14

View More Coins — Zones tab

Step 14

Binance Swap — step 15

Spot

Step 15

Binance Swap — step 16

Spot — scrolled 1

Step 16

Binance Swap — step 17

Spot — Cross tab

Step 17

Binance Swap — step 18

Spot — Isolated tab

Step 18

Binance Swap — step 19

Spot — AI tab

Step 19

Binance Swap — step 20

Spot — Popular tab

Step 20

Binance Swap — step 21

Spot — Manual tab

Step 21

Binance Swap — step 22

Spot — Market Trades tab

Step 22

Binance Swap — step 23

Spot — My Trades tab

Step 23

Binance Swap — step 24

Spot — USDT tab

Step 24

Binance Swap — step 25

Futures

Step 25

Binance Swap — step 26

Futures — Market tab

Step 26

Binance Swap — step 27

Futures — USDⓈ-M tab

Step 27

Kraken13 stepsExchange

Kraken Swap — step 1

Convert CryptoCheck live rates trade

Step 1

Kraken Swap — step 2

Convert CryptoCheck live rates trade — Bitcoin Price tab

Step 2

Kraken Swap — step 3

Buy StocksInvest in stocks commission-fr

Step 3

Kraken Swap — step 4

BreakoutTrade our capital

Step 4

Kraken Swap — step 5

Trade FuturesTrade 300+ perpetual fut

Step 5

Kraken Swap — step 6

Trade StocksTrade stocks with advanced

Step 6

Kraken Swap — step 7

PrimePrimeTrading, custody, staking, financingTrad

Step 7

Kraken Swap — step 8

PrimePrimeTrading, custody, staking, financingTrad — scro...

Step 8

Kraken Swap — step 9

Exchange tradingSpot & futures, vi

Step 9

Kraken Swap — step 10

Exchange tradingSpot & futures, vi — scrolled 1

Step 10

Kraken Swap — step 11

EmbedEmbedCrypto trading for your platformCrypto t

Step 11

Kraken Swap — step 12

PolkadotDOT$1.28-0.33%

Step 12

Kraken Swap — step 13

DogecoinDOGE$0.094-0.13%

Step 13

Jupiter4 stepsDeFi

Jupiter Swap — step 1

Perps page loading - SOL perpetual trading with price $81.72 and 24h stats

Step 1

Jupiter Swap — step 2

Swap page - Limit order tab with USDC to SOL, showing price and slippage settings

Step 2

Jupiter Swap — step 3

Swap page - Recurring order tab with DCA settings (120 USDC to SOL every 1 minute over 2 orders)

Step 3

Jupiter Swap — step 4

Token selector modal - Shows SOL, USDC, USDT, USD1, jlUSDC, cbBTC with search and filter tabs

Step 4

Lido1 stepDeFi

Lido Swap — step 1

Fireblocks

Step 1

Curve4 stepsDeFi

Curve Swap — step 1

Select pool to swap

Step 1

Enter swap amount

Enter swap amount

Step 2

Review swap route

Review swap route

Step 3

Confirm transaction

Confirm transaction

Step 4

Other flow types

Home Onboarding Send Staking Settings

Get updates when new swap flows are added

We screenshot 35+ crypto products and track how their flows evolve.