Docs/AA Hyperwallet/Getting Started

Getting Started

Get up and running with AA Hyperwallet in minutes. This guide will help you install the package, configure your first wallet, and export the component.

Prerequisites

Node.js 18+

Required for React applications

React 18+

AA Hyperwallet is built for React

Installation

Install AA Hyperwallet using npm:

Terminal

npm install aa-hyperwallet

Your First Wallet

Use the SmartWalletAuth component in your application:

App.tsx

import { SmartWalletAuth } from 'aa-hyperwallet';

function App() {
  return (
    <SmartWalletAuth
      email={true}
      sms={false}
      social={true}
      passkey={true}
      wallets={{
        smartAccount: "eip7702",
        external: true,
        providers: ["smartWallet", "metamask", "coinbase"]
      }}
      networks={["hyperion", "base", "mantle"]}
      branding"dark",
        primaryColor: "#9333EA",
        cornerRadius: "xl"
      }}
    />
  );
}

Visual Builder

Use the visual builder to configure your wallet settings interactively and export the component code.

Next Steps

1. Explore Core Concepts

Learn about Account Abstraction, authentication methods, and sessions

View Concepts

2. Use Visual Builder

Configure your wallet settings visually and export code

Open Builder

3. Check Out Examples

See real-world usage examples and integration patterns

View Examples

Overview

Core Concepts