Playground

Config builder

Configure the provider interactively, preview the modal, and copy the generated code.

loginMethods

Toggle and reorder. Array order = display order.

Google1

Discord

Twitter

Apple2

OTP4

Wallet5

Passkey3

defaultLoginMethod

Skip method selector, go directly to this step.

appearance.theme

appearance.accentColor

appearance.title

walletConfig

Comma-separated wallet adapter names.

preferredWallets

onlyPreferred

appearance.termsUrl / privacyUrl

Shown at the bottom of the modal.

termsUrl

privacyUrl

Preview

Generated config

<ForgeConnectProvider
  config={{
    apiUrl: "https://api.forgeconnect.dev",
    loginMethods: ["google", "apple", "passkey", "otp", "wallet"],
    walletConfig: {
      preferredWallets: ["Solflare"],
    },
    appearance: {
      theme: "dark",
    },
  }}
/>

Active config

Methodsgoogle, apple, passkey, otp, walletDefault stepmethod-selectThemedarkAccent#8b5cf6Preferred walletsSolflare