Wallet Kit Config

OAuth

Google

Apple

Facebook

X (Twitter)

Discord

Open OAuth In Page
Email OTP
SMS OTP
Passkey
Wallet
Dark Mode
Primary Color
#335bf9
Primary Background
#0b0b0b
Border Radius16 px
Background Blur8 px
Prefer Large Action Buttons

These settings are just for the demo, they do not affect the TurnkeyProvider config.

3D Background Enabled

Paste this config into your TurnkeyProvider config to use in your own app.

{
  authProxyConfigId: "<ENV_VAR_AUTH_PROXY_ID>",
  organizationId: "<ENV_VAR_ORGANIZATION_ID>",
  auth: {
    oauthConfig: {
      openOauthInPage: true
    },
    methods: {
      emailOtpAuthEnabled: true,
      smsOtpAuthEnabled: false,
      passkeyAuthEnabled: true,
      walletAuthEnabled: true,
      googleOauthEnabled: true,
      appleOauthEnabled: false,
      facebookOauthEnabled: false,
      xOauthEnabled: false,
      discordOauthEnabled: false
    },
    methodOrder: [
      "socials",
      "email",
      "sms",
      "passkey",
      "wallet"
    ]
  },
  ui: {
    darkMode: true,
    borderRadius: 16,
    backgroundBlur: 8,
    colors: {
      light: {
        primary: "#335bf9",
        modalBackground: "#f5f7fb"
      },
      dark: {
        primary: "#335bf9",
        modalBackground: "#0b0b0b"
      }
    }
  }
}
@turnkey/react-wallet-kit
This is purely a demo app for the Turnkey React Wallet Kit. You will not receive any real tokens or rewards.