> ## Documentation Index
> Fetch the complete documentation index at: https://docs.authsignal.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Web SDK

> Implement authentication flows in web browsers while maintaining full control over your own UI.

You can use Authsignal's [Web SDK](/sdks/client/web/setup) to implement authentication flows in web browsers while crafting your own UI.

<Frame caption="Using the Web SDK to implement passkey autofill on a custom sign-in page.">
  <img src="https://mintcdn.com/authsignal-23/o0kRW78VfDNgNDjk/images/docs/passkeys/passkey-autofill.png?fit=max&auto=format&n=o0kRW78VfDNgNDjk&q=85&s=4bcf97c535900aa245f36f87d017a99a" className=" w-500" alt="Passkeys on Web" width="1104" height="812" data-path="images/docs/passkeys/passkey-autofill.png" />
</Frame>

## Authentication methods

The Web SDK can be used to implement a variety of authentication methods.

<CardGroup cols={2}>
  <Card title="Passkeys" icon="key" iconType="solid" href="/sdks/client/web/passkeys">
    Add passkeys to your web app for phishing-resistant passwordless sign-in and step-up
    authentication.
  </Card>

  <Card title="Authenticator app (TOTP)" icon="mobile-screen-button" iconType="solid" href="/sdks/client/web/totp">
    Authenticate with time-based one-time passcodes generated in an authenticator app such as Google
    Authenticator.
  </Card>

  <Card title="Email OTP" icon="envelope" iconType="solid" href="/sdks/client/web/email-otp">
    Send OTPs via email to authenticate users and verify email addresses.
  </Card>

  <Card title="Email magic link" icon="envelope" iconType="solid" href="/sdks/client/web/email-magic-link">
    Send magic links via email to authenticate users and verify email addresses.
  </Card>

  <Card title="SMS" icon="comment" iconType="solid" href="/sdks/client/web/sms">
    Send OTPs via SMS to authenticate users and verify phone numbers.
  </Card>

  <Card title="WhatsApp" icon="square-whatsapp" iconType="solid" href="/sdks/client/web/whatsapp">
    Authenticate with OTPs sent via WhatsApp as a cost-saving alternative to traditional SMS.
  </Card>

  <Card title="Push verification" icon="mobile" iconType="solid" href="/sdks/client/web/push-verification">
    Allow users to sign-in across devices using push notifications and public key cryptography.
  </Card>

  <Card title="QR code verification" icon="qrcode" iconType="solid" href="/sdks/client/web/qr-code-verification">
    Allow users to sign-in across devices using QR codes and public key cryptography.
  </Card>
</CardGroup>

## Get started

Follow the [SDK documentation](/sdks/client/web/setup) on setting up the Web SDK.