Developer Docs
Quickstart

Quickstart

Integrate the embedded wallet in just a few lines of code.

Installation

Install the required packages:

npm i @passkeys/core @passkeys/react

Usage

Call createWallet at the top level of your application with your app ID and supported chains to initialize the embedded wallet and expose web3 providers.

Next, wrap your application in the <WalletProvider> context provider and render the <WalletWidget> somewhere in your layout:

src/index.tsx
import { createWallet } from '@passkeys/core';
import { WalletProvider, WalletWidget } from '@passkeys/react';
import { createRoot } from 'react-dom/client';
 
import App from './App';
 
const wallet = createWallet({
  appId: '<YOUR_APP_ID>', // Only required for production, contact us to get yours.
  providers: {
    ethereum: true,
    // ...
  },
});
 
const root = createRoot(document.getElementById('root'));
root.render(
  <WalletProvider wallet={wallet}>
    <WalletWidget />
    <App />
  </WalletProvider>,
);

The widget will remain invisible and only display when the user connects the wallet.

Passkeys Developer Kit

©2024 Exodus Movement, Inc. All rights reserved.

Start building

Sign up to ship the simplest web3 onboarding solution.