Onboard users to web3

Onboard anyone with flexible auth options, secure account recovery, and smart account integration.

Any Auth Method

Use any of the built-in auth methods or bring your own.
Supports custom auth endpoints to integrate with your existing user base.

import { inAppWallet } from "thirdweb/wallets";
import { ConnectEmbed } from "thirdweb/react";

const wallets = [
  inAppWallet(
    // built-in auth methods
    {
      auth: {
        options: [
          "email",
          "phone",
          "passkey",
          "google",
          "apple",
          "facebook",
        ],
      },
    },
    // or bring your own auth endpoint
  ),
];

function App() {
  return (
    <ConnectEmbed
      client={client}
      wallets={wallets}
    />
  );
}

Signless Sponsored Transactions

With in-app wallets, users don't need to confirm every transaction.
Combine it with smart account flag to cover gas costs for the best UX.

import { inAppWallet } from "thirdweb/wallets";
import { claimTo } from "thirdweb/extensions/erc1155";
import {
  ConnectButton,
  TransactionButton,
} from "thirdweb/react";

const wallets = [
  inAppWallet(
    // turn on gas sponsorship for in-app wallets
    { smartAccount: { chain, sponsorGas: true } },
  ),
];

function App() {
  return (
    <>
      <ConnectButton
        client={client}
        wallets={wallets}
      />

      {/* signless, sponsored transactions */}
      <TransactionButton
        transaction={() =>
          claimTo({
            contract,
            to: "0x123...",
            tokenId: 0n,
            quantity: 1n,
          })
        }
      >
        Mint
      </TransactionButton>
    </>
  );
}
Loading...