Social Logins

thirdweb uses the OAuth 2.0 Protocol to enable social login. By default, the connect UI supports Google, Apple, Facebook.

For all social login methods, thirdweb generates a non-custodial in-app wallet behind the scenes within your application. In-app wallets enable your users to interact with your application, as well as store tokens and assets they receive while interacting with your application.

import { ThirdwebProvider, ConnectButton } from "thirdweb/react";
import { inAppWallet } from "thirdweb/wallets";
 
const client = createThirdwebClient({ clientId: your_client_id });
 
const wallets = [
  inAppWallet({
    providers: ["facebook", "apple", "google"],
  }),
];
 
export default function App() {
  return (
    <ThirdwebProvider>
      <ConnectButton client={client} wallets={wallets} />
    </ThirdwebProvider>
  );
}

Once a user signed in and their wallet is generated, you can use the Wallet Connection hooks to get information about the connected wallet like getting the address, account, and more.