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

# Phantom Connect SDKs

> Compare Phantom Connect SDKs for React, React Native, and plain JavaScript to find the right fit.

The Phantom Connect client SDKs (React, React Native, Browser) let your app authenticate users and create embedded wallets. All client SDKs support Google and Apple social login. Web SDKs (React, Browser) additionally support browser extension connections (the `injected` provider). Users who connect with the Phantom extension use their existing wallet without creating a new embedded wallet.

This page also links out to two adjacent surfaces that are *not* Connect client SDKs and have their own setup paths: the [Phantom Server SDK](#server-sdk) (backend wallet infrastructure, accessed via organization credentials) and the [Phantom CLI](#phantom-cli) (terminal tool, authenticated with `phantom login`).

<Note>
  The Phantom Connect client SDKs are open source. Browse the source code, file issues, and contribute at [github.com/phantom/phantom-connect-sdk](https://github.com/phantom/phantom-connect-sdk).
</Note>

## Prerequisites (client SDKs)

The React, React Native, and Browser SDKs require that you sign up for an account in Phantom Portal:

1. Sign up at [Phantom Portal](https://phantom.com/portal/).
2. Register your app.
3. Configure allowed domains and redirect URLs.
4. Get your App ID.

<Card title="Get started" icon="gear" href="/phantom-portal/getting-started">
  Create an app in Phantom Portal to get your App ID and start building
</Card>

The Server SDK and CLI do not use this Portal flow — see the setup notes under each section below.

## Explore our SDKs

Each SDK is designed for specific use cases and environments, providing wallet integration across web and mobile platforms.

### Web apps

#### React SDK

Use the React SDK when building React web apps that need wallet connectivity. It provides React hooks for integration with your component architecture.

Ideal use cases:

* DeFi platforms built with React
* NFT marketplaces
* Web3 gaming interfaces
* Token management dashboards

<Card title="React SDK documentation" icon="react" href="/sdks/react-sdk/index">
  Get started with the Phantom Connect React SDK
</Card>

#### Browser SDK

Use the Phantom Connect Browser SDK for JavaScript/TypeScript apps or any web framework that isn't React (such as Vue, Angular, Svelte).

Ideal use cases:

* Vanilla JavaScript apps
* Vue.js or Angular apps
* Server-side rendered apps
* Progressive Web Apps (PWAs)

<Card title="Browser SDK documentation" icon="browser" href="/sdks/browser-sdk/index">
  Get started with the Phantom Connect Browser SDK
</Card>

### Mobile apps

#### React Native SDK

Use the Phantom Connect React Native SDK to build native mobile wallet experiences on iOS and Android with React Native. Supports secure OAuth authentication with Google and Apple.

Ideal use cases:

* Mobile-first DeFi apps
* Mobile gaming with blockchain integration
* Mobile NFT galleries
* Cross-platform wallet apps

<Card title="React Native SDK documentation" icon="mobile" href="/sdks/react-native-sdk/index">
  Get started with the Phantom Connect React Native SDK
</Card>

### Backend apps

#### Server SDK

Use the Server SDK when you need programmatic control over wallet creation and transaction signing from your backend. Ideal for custodial services and APIs where the server manages wallets on behalf of users.

Ideal use cases:

* Custodial wallet services
* Automated transaction processing
* Backend APIs managing user wallets
* Gaming platforms with server-controlled assets
* Enterprise blockchain solutions

<Warning>
  The Server SDK is currently experimental and requires special access. Contact [partnerships@phantom.com](mailto:partnerships@phantom.com) to get started.
</Warning>

**Setup.** The Server SDK does not use the Phantom Portal signup flow. After your organization is provisioned, you'll receive an Organization ID, an API private key, and an App ID, which you pass to `new ServerSDK(...)`. See [Server SDK — Get started](/sdks/server-sdk/getting-started) for the full setup walkthrough.

<Card title="Server SDK documentation" icon="server" href="/sdks/server-sdk/index">
  Get started with the Phantom Server SDK
</Card>

### Command line

#### Phantom CLI

Use the Phantom CLI to interact with your wallet from the terminal. Sign transactions, transfer tokens, swap, manage balances, and trade perpetuals. The CLI also runs as an MCP server for AI agent integration.

Ideal use cases:

* Developer workflows and scripting
* AI agent integration via MCP
* Automated token transfers and swaps
* Perpetuals trading from the command line

**Setup.** The CLI does not require Phantom Portal signup. Install with `npm install -g @phantom/cli`, then run `phantom login` to authenticate via Google, Apple, or your Phantom extension in the browser. See [Phantom CLI — Installation](/phantom-cli/installation) for details.

<Card title="CLI documentation" icon="terminal" href="/phantom-cli">
  Get started with the Phantom CLI
</Card>

## Client vs server SDKs

### Client SDKs (React, Browser, React Native)

User-controlled wallets:

* Users connect their existing Phantom wallets
* Users maintain full control of private keys
* Authentication via social login or browser extension
* Best for apps where users manage their own assets

### Server SDK

Server-controlled wallets:

* Your backend creates and manages wallets programmatically
* Server controls private keys (securely encrypted)
* Authentication via API credentials
* Best for custodial solutions and automated workflows

## Security models

All Phantom Connect SDKs are built with enterprise-grade security:

* Trusted Execution Environments (TEEs) for secure operations
* Hardware Security Modules (HSMs) for key encryption
* Multi-layer encryption with threshold cryptography
* Cryptographically signed audit trails for compliance
* Organization-based access control with configurable policies

### Transaction security for embedded wallets

All transactions signed for embedded wallets pass through Phantom's advanced simulation system before execution. This security layer:

* Simulates transactions before they're broadcast to detect potential threats
* Automatically blocks malicious transactions that could drain funds or exploit vulnerabilities
* Blocks transactions from origins that have been reported as malicious
* Provides an additional layer of protection for your users' assets

## Chain support

All Phantom Connect SDKs support the following blockchain networks:

| Chain                             | Embedded wallets | Injected wallets |
| --------------------------------- | ---------------- | ---------------- |
| Solana (Mainnet, Devnet, Testnet) | Supported        | Supported        |
| Ethereum                          | Coming soon      | Supported        |
| Polygon                           | Coming soon      | Supported        |
| Base                              | Coming soon      | Supported        |
| Arbitrum                          | Coming soon      | Supported        |
| Monad                             | Coming soon      | Supported        |

<Info>
  EVM chain support for embedded wallets is planned for later in 2026. Injected wallet connections (Phantom browser extension) already support all listed EVM chains.
</Info>

## Authentication options

All client SDKs support **social login** (Google and Apple) and **seven-day active sessions**.

Web SDKs (React, Browser) additionally support:

* **Browser extension** (`injected`): Connect directly to the Phantom browser extension

<Info>
  The React Native SDK currently supports Google and Apple social login only. Browser extension connections are not available on React Native.
</Info>

### Server SDK

* **API credentials**: Organization ID, App ID, and Private Key
* **Programmatic access**: No user interaction required

<Info>
  **Learn more about Phantom Connect**: For detailed information about authentication flows, account selection, and session management, see the [Phantom Connect](/phantom-connect) guide.
</Info>

## Example apps

Explore complete, production-ready examples built by the Phantom team:

<CardGroup cols={3}>
  <Card title="React SDK demo" icon="react" href="https://github.com/phantom/phantom-connect-sdk/tree/main/examples/react-sdk-demo-app">
    Full-featured React example with all SDK capabilities
  </Card>

  <Card title="Browser SDK demo" icon="globe" href="https://github.com/phantom/phantom-connect-sdk/tree/main/examples/browser-sdk-demo-app">
    Vanilla JavaScript implementation
  </Card>

  <Card title="React Native demo" icon="mobile" href="https://github.com/phantom/phantom-connect-sdk/tree/main/examples/react-native-sdk-demo-app">
    Mobile app with Expo
  </Card>

  <Card title="Next.js example" icon="rocket" href="https://github.com/phantom/phantom-connect-sdk/tree/main/examples/with-nextjs">
    Complete Next.js integration
  </Card>

  <Card title="Wagmi integration" icon="code" href="https://github.com/phantom/phantom-connect-sdk/tree/main/examples/with-wagmi">
    Use with Wagmi for Ethereum
  </Card>

  <Card title="Connect modal with deeplinks" icon="mobile" href="https://github.com/phantom/phantom-connect-sdk/tree/main/examples/with-modal">
    Modal with mobile deeplink support
  </Card>

  <Card title="All examples" icon="github" href="https://github.com/phantom/phantom-connect-sdk/tree/main/examples">
    Browse all examples on GitHub
  </Card>
</CardGroup>

## Key management and signing

All Phantom Connect SDKs support KMS-backed wallets. The SDK completes a Connect sign-in and stamps requests so KMS can validate, authorize, and sign.

<Card title="How Phantom KMS works" icon="key" href="/sdks/guides/how-kms-works">
  Learn how KMS handles key storage and signing for wallets.
</Card>

## AI-powered setup

Use the [Phantom Cursor plugin](https://cursor.com/marketplace/phantom) to scaffold any SDK project with AI. The plugin includes skills for React, React Native, and Browser SDK setup. Your Cursor agent handles installation, configuration, and boilerplate automatically.

<Card title="Phantom Cursor plugin" icon="puzzle-piece" href="/resources/cursor-plugin">
  Install the Cursor plugin to scaffold projects, generate integration code, and execute wallet operations with AI
</Card>

## Need help?

<CardGroup cols={3}>
  <Card title="Support" icon="life-ring" href="https://docs.google.com/forms/d/e/1FAIpQLSeHWETFkEJbHQCF-lnl1AHmVQPuyfC0HbnxjDjIp6VYV1sBZQ/viewform">
    Get help from our developer support team
  </Card>

  <Card title="Sandbox" icon="code" href="/resources/sandbox">
    Test your integration in our sandbox
  </Card>

  <Card title="FAQ" icon="circle-question" href="/resources/faq">
    Find answers to common questions
  </Card>
</CardGroup>