Forgot passwordPro

• Request link
• Resend timer
• New password with rules
• Done state

• The reset-password page of any app with email and password.

• Passwordless apps.

Import it from @/components/blocks/forgot-password after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { ForgotPassword } from "@/components/blocks/forgot-password";

export default function Page() {
  return (
    <main className="grid min-h-dvh place-items-center p-6">
      <ForgotPassword />
    </main>
  );
}

• Never reveals whether an email exists ("If an account exists…").
• Errors use role="alert"; the done state is announced.

• The icon morphs per step; content slides between steps.

• Up to 384px wide.

• A one-second timer only while resend is cooling down.

• The "Open the link" button stands in for the emailed link; route your real link to the reset stage with its token.