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

# Authentication screens

<Card title="Recommended: JavaScript SDK with React Hooks" icon="react" color="#4779FE">
  For new React apps, we recommend the JavaScript SDK with React Hooks (`@dynamic-labs-sdk/react-hooks`) instead of the legacy React SDK documented here. The JS SDK comes with many benefits such as a much smaller bundle size and other optimizations. Use the [React quickstart (JavaScript SDK)](/javascript/reference/react-quickstart) to get started.
</Card>

<Warning>
  **Step-up authentication** and **device registration** are required
  for all headless integrations. Without these, users will be blocked
  during login or sensitive actions. See the
  [2026\_04\_01 upgrade guide](/overview/migrations/api/2026_04_01).
</Warning>

Implement the screens below based on which authentication methods you've
enabled in your [dashboard](https://app.dynamic.xyz/dashboard). Email
is enabled by default for most projects.

## Screens

| Authentication method  | Description                                        | Guide                                                        |
| ---------------------- | -------------------------------------------------- | ------------------------------------------------------------ |
| Email                  | Collect email, send OTP, verify code               | [Guide](/react/authentication-methods/email)                 |
| SMS                    | Collect phone number, send OTP, verify code        | [Guide](/react/authentication-methods/sms)                   |
| Social                 | Trigger OAuth redirect per provider                | [Guide](/react/authentication-methods/social)                |
| External JWT           | Sign in with an externally issued JWT (enterprise) | [Guide](/react/authentication-methods/external-jwt)          |
| Passkey                | Authenticate with a registered passkey             | [Guide](/react/authentication-methods/passkey)               |
| External Wallets       | Connect and verify an external wallet              | [Guide](/react/authentication-methods/external-wallets)      |
| MFA                    | Prompt for TOTP code or passkey                    | [Guide](/react/authentication-methods/mfa/overview)          |
| Captcha                | Render and submit captcha challenge                | [Guide](/react/authentication-methods/captcha)               |
| Step-up authentication | Re-verify identity before sensitive actions        | [Guide](/react/authentication-methods/step-up-auth/overview) |
| Device registration    | Verify identity on unrecognized device login       | [Guide](/react/authentication-methods/device-registration)   |