Skip to main content
Your app is now published in Phantom. Get your App ID and begin integrating with your preferred SDK. Your App ID is a unique identifier that’s automatically generated for your app. The App ID is used when integrating with Phantom’s client-side SDKs. It’s safe to include in client-side code.

​
Find your App ID

In Phantom Portal, expand your app in the left navigation, then select Set Up. Your App ID appears at the top of the Set Up page. Select the copy button to add it to your clipboard.

​
Choose your SDK

The Set Up page provides tailored installation instructions and code examples for each SDK. Select the tab that matches your application platform:
  • React: For React web applications
  • React Native: For iOS and Android mobile apps
  • Browser: For vanilla JavaScript browser applications

​
Install the SDK

Copy the installation command for your preferred package manager: 
# Using npm
npm install @phantom/react-sdk

# Using yarn
yarn add @phantom/react-sdk

# Using pnpm
pnpm add @phantom/react-sdk

​
Start building with Phantom

After completing Phantom Portal setup, select the Phantom Connect SDK that fits your app environment.

React SDK

React apps with user authentication

Browser SDK

JavaScript browser apps

React Native SDK

iOS and Android apps

​
Example usage

Use your App ID when initializing the SDK: 
import { PhantomProvider } from '@phantom/sdk';

const phantom = new PhantomProvider({
  appId: 'your-app-id-here', // Paste your App ID
  // ... other configuration
});

​
Other examples

Explore our official example apps to kickstart your integration.

React SDK demo

Full-featured React example

Browser SDK demo

JavaScript browser example

React Native demo

Mobile example with Expo

Next.js example

Next.js integration

Wagmi example

Wagmi integration

All examples

View all on GitHub

​
Resources

SDK overview

Compare Phantom Connect SDKs

Phantom Connect

Learn how users authenticate

​
Need help?

Contact Phantom developer support.