Login Methods

Customize how users can log in to your app

Crossmint Auth supports the following login methods:

• Email OTP: passwordless sign-in using a one time code delivered to the user’s email.
• Social Accounts: Sign in with Google, Apple, X, and more.
• Farcaster: using the Sign In With Farcaster (SIWF) standard.

To customize which login methods are shown to your users, use the loginMethods prop when initializing Crossmint Auth.

By default, only email and Google are enabled.

app/providers/Providers.tsx

    "use client";

    import { CrossmintProvider, CrossmintAuthProvider } from "@crossmint/client-sdk-react-ui";

    export default function Providers({ children }: { children: React.ReactNode }) {
      return (
        <CrossmintProvider apiKey={process.env.NEXT_PUBLIC_CROSSMINT_API_KEY ?? ""}>
          <CrossmintAuthProvider 
            loginMethods={["email", "google", "farcaster"]} // Show email, Google, and Farcaster as login methods
          >
            {children}
          </CrossmintAuthProvider>
        </CrossmintProvider>
      );
    }