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

# Add Passwords to Stytch Login

> Add Password signup, login, and reset flows with the Consumer frontend SDKs.

Use the pre-built Stytch Login UI to handle password signup, login, and reset flows in your frontend SDK.

<Steps>
  <Step title="Configure your project in the Stytch Dashboard">
    1. Create **Login** and **Reset Password** redirect URLs on the [redirect URL configuration page](https://stytch.com/dashboard/redirect-urls).
    2. In [Frontend SDK](https://stytch.com/dashboard/sdk-configuration), authorize your domain and enable **Passwords** and **Email magic links → LoginOrCreate**.
    3. From [Project ID & API keys](https://stytch.com/dashboard), copy your `public_token`.
  </Step>

  <Step title="Add Stytch to your project">
    Install the SDK packages and initialize the client with your `public_token` at the top level of your app.
  </Step>

  <Step title="Configure sign up and login">
    Create a component for your signup/login page and render the Stytch UI with a config object. You'll need the **Login** and **Password Reset** redirect URLs you configured in Step 1. See the [config reference](/api-reference/consumer/frontend-sdks/vanilla-js/prebuilt-ui/login/configuration).
  </Step>

  <Step title="Configure password reset">
    Build a Reset Password page for the link in the reset email. Add that page as a Reset Password redirect in your Dashboard, then render the password reset UI there.

    The reset email also includes a "Login without a password" option powered by [Magic Links](/consumer-auth/authentication/magic-links/overview). Capture the token from the Login redirect URL and authenticate it.

    <img src="https://mintcdn.com/stytch-34ca0595/jCmOQoXV28mXNOhP/images/consumer/from-old-docs/password-reset-email.svg?fit=max&auto=format&n=jCmOQoXV28mXNOhP&q=85&s=13b5593f2d3dea090aea778b11dce853" alt="Password reset email" width="439" height="475" data-path="images/consumer/from-old-docs/password-reset-email.svg" />
  </Step>

  <Step title="Tie it all together">
    You now have password signup, login, and reset flows with magic link fallback. The SDK manages sessions automatically. Learn more about sessions [here](/consumer-auth/manage-sessions/overview).

    Have feedback after integrating? Reach out in our [forum](https://stytch.com/web/discourse), via [support@stytch.com](mailto:support@stytch.com), or in our [Slack community](https://join.slack.com/t/stytch/shared%5Finvite/zt-3aqo03e10-afWXyLzRIAlzGWJyF%5F~zHw).
  </Step>
</Steps>