Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.0xkey.io/llms.txt

Use this file to discover all available pages before exploring further.

@0xkey-io/react-wallet-kit is the Embedded Wallet Kit (EWK): a React provider, modal UI, and hook API for authentication, wallet creation, signing, and optional transaction send flows — without requiring your own auth backend when used with the Auth Proxy.

Install

pnpm add @0xkey-io/react-wallet-kit
Import styles once in your root layout:
import "@0xkey-io/react-wallet-kit/styles.css";

Quick example

"use client";

import { ZeroXKeyProvider, useZeroXKey } from "@0xkey-io/react-wallet-kit";

const config = {
  organizationId: process.env.NEXT_PUBLIC_ORGANIZATION_ID!,
  authProxyConfigId: process.env.NEXT_PUBLIC_AUTH_PROXY_CONFIG_ID!,
};

function LoginButton() {
  const { handleLogin } = useZeroXKey();
  return <button onClick={handleLogin}>Log in</button>;
}

export function App({ children }: { children: React.ReactNode }) {
  return (
    <ZeroXKeyProvider config={config}>
      {children}
      <LoginButton />
    </ZeroXKeyProvider>
  );
}

Resources