# Forgot password pages

> The four steps of a password reset on the AuthShell section, plus a version with a step sidebar.

URL: https://apogee.avaui.dev/docs/forgot-password-pages
Last updated: 2026-10-15

The four steps of a password reset on the AuthShell section, plus a version with a step sidebar.

Last updated October 15, 2026

One flow, four pages: the user asks for a reset, you email a link, they set a new password, and they are done. Each page is a centred [AuthShell](https://apogee.avaui.dev/docs/sections/auth-shell) with one action and a way back; the sidebar version shows every step at once.

```sh
npx @ava-ui/apogee add forgot-password/forgot-password forgot-password/check-email forgot-password/set-new-password forgot-password/success
```

[

![](https://apogee.avaui.dev/thumbs/forgot-password-pages__forgot-password.light.webp)![](https://apogee.avaui.dev/thumbs/forgot-password-pages__forgot-password.dark.webp)

Forgot passwordStep 1. The user enters their email to get a reset link.

](https://apogee.avaui.dev/docs/forgot-password-pages/forgot-password)[

![](https://apogee.avaui.dev/thumbs/forgot-password-pages__check-email.light.webp)![](https://apogee.avaui.dev/thumbs/forgot-password-pages__check-email.dark.webp)

Check emailStep 2. The reset link is on its way, with a shortcut to the mail app and a resend link.

](https://apogee.avaui.dev/docs/forgot-password-pages/check-email)[

![](https://apogee.avaui.dev/thumbs/forgot-password-pages__set-new-password.light.webp)![](https://apogee.avaui.dev/thumbs/forgot-password-pages__set-new-password.dark.webp)

Set new passwordStep 3. A new password and its confirmation, with the rules ticked off as the user types.

](https://apogee.avaui.dev/docs/forgot-password-pages/set-new-password)[

![](https://apogee.avaui.dev/thumbs/forgot-password-pages__success.light.webp)![](https://apogee.avaui.dev/thumbs/forgot-password-pages__success.dark.webp)

SuccessStep 4. The password is reset; one button carries on to log in.

](https://apogee.avaui.dev/docs/forgot-password-pages/success)[

![](https://apogee.avaui.dev/thumbs/forgot-password-pages__sidebar.light.webp)![](https://apogee.avaui.dev/thumbs/forgot-password-pages__sidebar.dark.webp)

SidebarStep 1 beside a side column that lists every step of the reset.

](https://apogee.avaui.dev/docs/forgot-password-pages/sidebar)

## Related

[

Auth shellThe frame of a log in, sign up or recovery page; brand mark, heading and your form, centred, in a card, beside a panel, or beside a step sidebar.

](https://apogee.avaui.dev/docs/sections/auth-shell)[

PasswordChecklistThe rules a new password must meet, ticked off as the user types.

](https://apogee.avaui.dev/docs/password-checklist)[

Verification pagesThe three steps of email verification on the AuthShell section; check your email, enter the code, verified.

](https://apogee.avaui.dev/docs/verification-pages)
