> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cloud.coinbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Onramp mobile and web demo apps

export const LearnButtons = ({primary, secondaries}) => {
  return <div className="flex flex-row gap-2 not-prose">
      {primary && <a href={primary.href} className="flex items-center justify-center gap-2 bg-primary-dark dark:bg-primary-light dark:text-gray-900 text-white rounded-full px-4 py-1 hover:opacity-[0.9]">
          <Icon icon={primary.icon} color="white" iconType="solid" />
          <span className="font-semibold">{primary.title}</span>
        </a>}
      {secondaries && secondaries.map(secondary => <a href={secondary.href} className="flex items-center justify-center gap-2 bg-gray-100 hover:bg-gray-200 dark:bg-white/5 dark:hover:bg-white/10 text-gray-800 dark:text-white rounded-full px-4 py-1 hover:opacity-[0.9]">
          <Icon icon={secondary.icon} color="currentColor" iconType="solid" />
          <span className="font-semibold">{secondary.title}</span>
        </a>)}
    </div>;
};

<LearnButtons
  primary={{ title: 'TestFlight', href: 'https://testflight.apple.com/join/s4VZYcej', icon: "apple" }}
  secondaries={[
  { title: 'Mobile Repo', href: 'https://github.com/coinbase/onramp-v2-mobile-demo', icon: "github" },
  { title: 'Web Repo', href: 'https://github.com/coinbase/onramp-demo-application', icon: "github" },
  { title: 'Interactive web demo', href: 'https://onramp-demo-application-git-main-coinbase-vercel.vercel.app/onramp', icon: "arrow-up-right" }
]}
/>

## Overview

Enable users to easily fund their crypto wallet. These demo apps will get you up and running with a basic Onramp API integration for mobile or web.

<div className="flex justify-center my-6">
  <video autoPlay loop muted playsInline className="max-w-sm rounded-2xl shadow-lg" src="https://github.com/user-attachments/assets/e57f32fc-fb19-4761-ac6e-a42701973e58" />
</div>

## Mobile demo app (v2)

A React Native + Expo mobile app demonstrating Coinbase's Onramp v2 API with CDP Wallets, Apple Pay integration, and real-time push notifications.

The app uses Smart Accounts (ERC-4337) for all EVM transactions and supports [gasless transfers](/paymaster/introduction/welcome) for USDC, EURC, and cbBTC on Base. API keys are never exposed to the client (a secure backend proxy handles all CDP API calls).

### Try it now

<CardGroup cols={2}>
  <Card title="Download on TestFlight" icon="apple" href="https://testflight.apple.com/join/s4VZYcej">
    Try the Onramp v2 demo app on your iOS device
  </Card>

  <Card title="View source code" icon="github" href="https://github.com/coinbase/onramp-v2-mobile-demo">
    Clone the repo and run it locally
  </Card>
</CardGroup>

### Features

| Feature                 | Description                                                          |
| ----------------------- | -------------------------------------------------------------------- |
| **Embedded Wallet**     | Automatic wallet creation via CDP with EOA and Smart Account support |
| **Apple Pay**           | Native iOS payment experience for seamless purchases                 |
| **Coinbase Widget**     | Opens in the default browser for additional payment options          |
| **Multi-Network**       | EVM (Base, Ethereum) and Solana networks supported                   |
| **Push Notifications**  | Real-time transaction status updates via webhooks                    |
| **Gasless Transfers**   | Free USDC, EURC, and cbBTC transfers on Base via Paymaster           |
| **Transaction History** | Complete purchase tracking                                           |
| **Sandbox Mode**        | Test purchases without real money                                    |

## Web demo app

A Next.js application demonstrating both Onramp and Offramp integration with multiple UI options: pre-built Fund Card component, custom integration with full control, or native Apple Pay with iframe embedding. All API calls use secure session tokens—credentials are never exposed to the client.

### Try it now

<CardGroup cols={2}>
  <Card title="Try live demo" icon="arrow-up-right" href="https://onramp-demo-application-git-main-coinbase-vercel.vercel.app/onramp">
    Connect your wallet and test onramp/offramp
  </Card>

  <Card title="View source code" icon="github" href="https://github.com/coinbase/onramp-demo-application">
    Clone the repo and run it locally
  </Card>
</CardGroup>

### Features

| Feature                   | Description                                                          |
| ------------------------- | -------------------------------------------------------------------- |
| **Onramp**                | Purchase crypto with fiat via card, bank, Apple Pay, and more        |
| **Offramp**               | Cash out crypto to fiat (requires Coinbase account with linked bank) |
| **Apple Pay**             | Native Apple Pay experience with embedded iframe                     |
| **Multiple Integrations** | Fund Card component, custom UI, or Apple Pay flow                    |
| **Session Tokens**        | Secure server-side initialization for production apps                |
| **Global Coverage**       | Multiple countries, currencies, and payment methods                  |