Connect React SDK

Funding wallets

Let users fund their wallets with crypto or fiat on all the supported chains.

Usage with UI Components

The easiest way to buy crypto is to use the BuyWidget prebuilt UI component.

import { BuyWidget } from "thirdweb/react";
import { base } from "thirdweb/chains";
function App() {
return (
<BuyWidget
client={client}
chain={base}
amount="0.01"
title="Get funds"
// ... theme, onSuccess, onError, etc.
/>
);
}

Check out the BuyWidget API reference for more information.

Usage with your own UI

If you want more control over the funding flow, you can use the Buy with Crypto or Fiat hooks to create your own custom UI.