Web3, Telegram Mini-Apps & Crypto UI

This hub covers building Web3, Telegram Mini-App, and crypto interfaces for mobile: wallets, TON, token screens, and on-chain UX, done honestly (never custody keys you should not, always use certified providers). Build the UI from a free VP0 design and wire the chain through real SDKs.

What this hub covers

Guides in this hub (34)

Forex Position Size Calculator UI for iOS
Build a forex position size calculator for iOS: risk-per-trade math done with Decimal for precision, currency-formatted output, and an honest, not-advice framing.
A Human-in-the-Loop Approval Swipe UI for AI Agents
Design a swipe-to-approve UI for AI agent actions: a queue of pending actions, each shown with its real effect, so a human gates consequential moves before they run.
AI fetching data skeleton loader UI: loading states done right
AI fetches are slow and streamed, so a spinner is not enough. Build a skeleton loader that matches the content, then hands off to streamed AI output.
Solana Blink Mobile Wrapper UI in SwiftUI: How to Build It
A Solana blink unfurls a link into an on-chain action. Here is how to build the native SwiftUI wrapper that renders it, with signing left to the wallet.
Yield farming APY calculator slider UI: an honest build
Build a yield farming APY calculator with a slider in React Native: smooth live math, honest variable-rate framing, visible risks, and zero key handling.
Build a Multimodal AI File Upload Dropzone on iOS
A multimodal upload UI is more than a file picker. Here is how to build the AI file dropzone on iOS, with previews, per-file progress, and real validation.
Apple Wallet Digital Driver's License UI: What's Real
You cannot add a real driver's license to Apple Wallet yourself; that is Apple's restricted program. Here is what a digital license UI can honestly be.
What a Crypto Airdrop Claim Screen UI Kit Needs (iOS)
An airdrop claim is a signature, not a payment, and fake claim screens drain wallets. Here is what a safe crypto claim UI kit needs, and where to get one.
Build a High-Performance NFT Gallery Grid in React Native
An NFT gallery janks on large IPFS images at scale. Here is how to build a fast, virtualized NFT grid in React Native with cached, fallback-capable loading.
Build a Shopee-Style Marketplace UI in React Native
A Shopee clone is a marketplace home: search, category grid, flash sales, and a product grid. Here is how to build the Shopee UI in React Native, payments included.
Build a Stablecoin Remittance Send-Money Flow Screen
A stablecoin remittance app sends money cross-border below the ~6% average. Here is how to build the send-money flow UI, with the compliance handled correctly.
Build a Swipe-to-Buy Button Animation in React Native
A swipe-to-buy button slides to confirm a purchase, preventing accidental taps. Here is how to build the animation in React Native with Reanimated and gestures.
Dividend Portfolio Income Calendar UI in React Native
Plot payment dates, surface ex-dates, and render declared versus projected as different pixels: the income calendar that answers what lands this month.
LINE Pay Checkout Button UI in React Native
A regional payment integration, not a button: render LINE Pay's official button, redirect for authorization, and confirm the capture via webhook.
MetaTrader MT4 Mobile UI Clone in React Native
Clone the four-panel terminal; route real orders through a licensed broker. Streaming quotes with visible freshness, and fills pending until confirmed.
Prop-Firm Passing Dashboard UI Template
A rule-compliance instrument, not a portfolio screen: profit target plus danger gauges for the loss limits that end a funded-trading challenge instantly.
Seed Phrase Recovery Screen: An iOS Security Template
The seed phrase is the wallet, so its recovery screen is a security ceremony: generate on-device, reveal deliberately, force confirmation, and never transmit it.
Copy Trading Leaderboard UI in React Native: Both Halves
Build a copy-trading leaderboard honestly: period-anchored returns with drawdown beside them, verified PnL only, gated copy CTAs, and the regulated line.
eWallet App UI Template for React Native: The Genre Map
The eWallet template anatomy: balance home, send-receive-scan trio, honest transaction feeds, and the standing rules every regional wallet variant shares.
Farcaster Client iOS App Template: Protocol-Native Social
Build a Farcaster client for iOS: the open-protocol data layer, the signer model as onboarding, channel feeds, and where client differentiation actually lives.
Crypto Portfolio Profit/Loss Chart in SwiftUI: Best Way
How to build a crypto portfolio profit and loss chart in SwiftUI: cost basis math, price feeds, Swift Charts baselines, and the honesty rules that keep trust.
Crypto Swap UI: Cloning the Uniswap Pattern Honestly
The Uniswap swap UI pattern done honestly: perishable quotes, escalating price-impact warnings, minimum received, four explicit transaction states, no custody.
Crypto Wallet UI Kit for iOS: What to Build, Safely
A crypto wallet UI kit is the screens, not the key management. Here are the screens to build, the security lines you never cross, and how to generate them safely.
Telegram Mini App to App Store: Fixing the Rejection
Why Telegram mini apps get rejected from the App Store (4.2 wrappers, 3.1.1 payments) and the three honest paths: native rebuild, TG-plus-PWA, or hybrid.
VP0's Entire Library in Cursor: JSON Download vs MCP
There is no bulk JSON download of VP0's library, deliberately: the free vp0-mcp server and per-design source links give Cursor the whole catalog on demand.
Hardware Wallet Blind Signing Warning UI, Designed Safe
Design a hardware wallet blind signing warning UI that decodes the full transaction, adds high-friction confirmation, and never touches keys, via a free VP0 design.
NFT Event Ticket QR Code Scanner UI for iOS
A free iOS pattern for scanning NFT event tickets: validate ownership server-side and mark tickets used. An NFT ticket is an access token, not an investment.
DePIN Network Map UI for iOS, Free Template
Build a DePIN (decentralized physical infrastructure) network map UI for iOS from a free template. Nodes, coverage, and status with Claude Code or Cursor.
Hamster Kombat-Style Tap-to-Earn UI in React Native
Build a tap-to-earn clicker UI like Hamster Kombat in React Native: a tap target, a balance, energy, and upgrade cards, from a free VP0 design.
Telegram Mini App Bottom Sheet Modal in React Native
Build a bottom sheet modal for a Telegram Mini App in React Native: detents, theme-matched colors, and native buttons, from a free VP0 design.
Notcoin-Style Tap-to-Earn Game UI in React Native
Build a tap-to-earn game UI like Notcoin in React Native: a big tap target, a points counter, energy, and upgrades, from a free VP0 design.
Telegram-Style Channel List UI in SwiftUI (Learn the Pattern)
Build a Telegram-style channel and chat list in SwiftUI: rows with avatar, last message, time, and unread badge, from a free VP0 design.
Telegram Dark Mode Color Palette in SwiftUI
Build a Telegram-style theming system in SwiftUI: semantic colors that adapt to light and dark and match Telegram's theme, from a free VP0 design.
Web3 Game Leaderboard UI in React Native
Build a game leaderboard UI in React Native for a web3 game: ranked players, your position, and seasons, from a free VP0 design. Server-authoritative scores.

Related topic hubs

New here? Start with the VP0 Journal, or browse free iOS components. VP0 is the free iOS design library for AI builders, copy a design and your AI tool rebuilds it in SwiftUI or React Native.