Skip to main content

Connect

thirdweb Connect is a complete toolkit for connecting wallets to applications. Connect provides UI components, hooks, functions and connectors which are all completely customizable, modular and work out-of-the-box, with no setup required.

Connecting to wallets can be done in three ways:

  • Using the Connect Wallet component.
  • Using the SDK hooks and functions
  • Using the wallet SDK:
    • Connect a wallet in a script in TypeScript.
    • Gain low-level control over wallet connections in your app with the ability to have fine-grain control over the configuration options.
    • Create custom wallet configurators to add to the Connect Wallet component.

Once you have connected a wallet using any of these methods, you can use the relevant SDK (React, React Native, TypeScript or Unity) to interact with contracts e.g. sending transactions, reading data from contracts.

Features​

  • Connect Wallet Component
    • Connect to 170+ different wallets including email logins (for better onboarding) and ERC-4337 Smart Wallets.
    • Compatible with any EVM network.
    • Customize the displayed and recommended wallet providers, the theme, modal, logo and more. See the connect wallet component documentation for full configuration options.
    • Support for React, React Native, and Unity
    • Gasless support when using with Smart Wallets.
    • Send and Receive Tokens
    • Integrates with thirdweb SDKs
    • View balance, ENS name and transaction history
    • Create your own UI with our wallet connection hooks to connect to supported wallets.
  • SDK Hooks & Functions
  • Wallet SDK
    • Connect a wallet in a script in TypeScript.
    • Gain low-level control over wallet connections in your app with the ability to have fine-grain control over the configuration options.
    • Create custom wallet configurators to add to the Connect Wallet component.
Try Out the Connect Wallet Component

Connect Wallet Component

Getting Started​

TypeScript
React
React Native
Unity