React SDK

thirdweb/react exports various Components and Hooks to easily connect wallets & interact with smart contracts

Quickstart

Follow this guide to get started with the React SDK.

Getting started

Get started with the React SDK

Have you generated a client ID?

You'll need a client ID to access the SDK's free blockchain APIs, storage, and more.

Starter kits

You can quickly create a new project with the thirdweb CLI


npx thirdweb create app --legacy-peer-deps

or clone the the Next.js or Vite starter repo:

Next.js + thirdweb starter repo

Vite + thirdweb starter repo

Usage

Many of the components and hooks in the React SDK use a client to interface with the core SDK and your private RPC endpoints. You'll need to create a clientId in the Dashboard to generate this client.

TypeScript

Follow the TypeScript docs for functions and types

ThirdwebProvider

Setup the ThirdwebProvider

Connecting Wallets

Connect wallets using ConnectButton, ConnectEmbed or useConnect hook

Supported Wallets

See all 350+ wallets supported by the Connect SDK

UI Components

UI components for wallet connection and transactions

Hooks

Hooks for wallet connection and transactions