←Back to Library

UI Pattern

Card Layout

See how crypto products use card-based layouts for tokens, NFTs, portfolios, and more.

27screens

8apps

MetaMask3 screens

MetaMask — MetaMask Card

MetaMask Card

Home

MetaMask — EarnGrow your cryptoETH3.00254 ETHRewards+3%

EarnGrow your cryptoETH3.00254 ETHRewards+3%

Staking

MetaMask — Rewards

Rewards

Staking

Phantom1 screen

PhantomNFT gallery

NFT gallery

Home

Coinbase1 screen

Coinbase — stake page

stake page

Staking

Xverse1 screen

Xverse — Xverse Earn

Xverse Earn

Staking

Binance2 screens

Binance — Earn

Earn

Staking

Binance — learning

learning

Settings

Kraken6 screens

Kraken — Crypto CategoriesExplore the cryp

Crypto CategoriesExplore the cryp

Home

Kraken — Earn

Earn

Staking

Kraken — Earn RewardsGrow crypto automaticallyG

Earn RewardsGrow crypto automaticallyG

Staking

Kraken — Explore bundlesBuy a mix of assets

Explore bundlesBuy a mix of assets

Staking

Kraken — Stake CryptoEarn up to 22% on your cry

Stake CryptoEarn up to 22% on your cry

Staking

Kraken — Learn About CryptoLearn crypto f

Learn About CryptoLearn crypto f

Settings

Jupiter5 screens

Jupiter — Lend Transparency tab - Security audits section with GitHub link and audit tabs

Lend Transparency tab - Security audits section with GitHub link and audit tabs

Staking

Jupiter — Predict page - Browse tab with category filters (Sports, Crypto, Politics, etc.) and loading event cards

Predict page - Browse tab with category filters (Sports, Crypto, Politics, etc.) and loading event cards

Home

Jupiter — Referral Dashboard - Shows referral link section, total referrals, and referral campaigns

Referral Dashboard - Shows referral link section, total referrals, and referral campaigns

Home

Jupiter — Referral modal - How Referrals Work with tiered earning structure diagram (30%, 3%, 2%)

Referral modal - How Referrals Work with tiered earning structure diagram (30%, 3%, 2%)

Home

Jupiter — Homepage scrolled - Jupiter Multiply Loops (JupSOL-SOL, JLP-USDC) and Jupiter Terminal stocks section (NVDAx, TSLAx, CRCLx)

Homepage scrolled - Jupiter Multiply Loops (JupSOL-SOL, JLP-USDC) and Jupiter Terminal stocks section (NVDAx, TSLAx, CRCLx)

Home

Lido8 screens

Lido — Decentralization scorecardTracking Lido’s progress

Decentralization scorecardTracking Lido’s progress

Home

Lido — stRATEGYRewards optimized staking vault built on M

stRATEGYRewards optimized staking vault built on M

Staking

Lido — Lido GGVRewards-optimized staking vault

Lido GGVRewards-optimized staking vault

Staking

Lido — Lido DVVDecentralization-optimized staking vault

Lido DVVDecentralization-optimized staking vault

Staking

Lido — How Lido WorksLearn how Lido provides liquid ETH s

How Lido WorksLearn how Lido provides liquid ETH s

Staking

Lido — stVaultsTailored setups for personalized staking

stVaultsTailored setups for personalized staking

Staking

Lido — Token integration guideLearn how to integrate Lido

Token integration guideLearn how to integrate Lido

Staking

Lido — WisdomTree Launches First Fully Staked ETH ETP Bac

WisdomTree Launches First Fully Staked ETH ETP Bac

Staking

More UI patterns

Modal / Dialog101 Form / Input28 Data Table10 Navigation57 Empty State4 Onboarding / Walkthrough13 Dashboard / Overview56 Settings / Preferences61

Get notified when we add new Card Layout examples

We track 35+ crypto products and update screenshots weekly.