Forgot password
Forgot password blocks for shadcn/ui. Email request forms, split layouts, and check-your-inbox confirmation states for password recovery flows. Built for shadcn/ui.
The classic forgot-password screen for shadcn/ui: a centred max-w-sm Card with the logo and wordmark, a title and helper sentence, a single email Input with Label, a full-width "Send reset link" submit Button and a "Back to sign in" link with an ArrowLeft icon in the CardFooter. Drop-in for any product with email/password sign-in.
Two-column forgot-password page built with shadcn/ui: the left half is a bg-muted brand panel holding the logo, a customer quote with Avatar and three trust bullets in bordered icon tiles; the right half centres the email form with Label, Input, a submit Button and a Clock-icon note that the link expires in 30 minutes. Stacks to the form only below md. Suited to B2B products that want to reassure on security.
Stateful forgot-password Card for shadcn/ui with a small segmented control to preview both states. Request shows the email Input and submit Button; Sent swaps in a Mail icon in a bg-primary/10 circle, the masked address, an "Open mail app" outline Button, a ghost resend Button with a live 0:42 countdown driven by useEffect and a "Try another email" action that returns to the form. Good for flows that need a confirmation step.