Reset password
Reset password blocks for shadcn/ui. New password forms with strength meters and requirement checklists, confirmation states, and expired-link recovery. Built for shadcn/ui.
Reset-password Card for shadcn/ui with new and confirm password Inputs, each with an Eye/EyeOff icon Button to show or hide the value. A four-segment strength meter colours from bg-destructive through bg-chart-4 to bg-chart-2 as the password improves, and a requirement checklist (8+ characters, number, symbol, match) flips Circle icons to Check icons via useState. Ends in a full-width "Reset password" submit.
Two-column reset-password page in shadcn/ui: the form sits left with a Show/Hide link Button above the password Input, a confirm field and a compact grid-cols-2 of requirement Badges that switch from outline to the default variant as each rule is met, plus a footer line with the account and link validity. The right half is a full-bleed landscape photo with a bg-black/60 caption card. Collapses to a single column below md.
Three-state reset-password Card for shadcn/ui switched by a single-select ToggleGroup. Form holds the two password Inputs and submit; Success shows a CircleCheck tile, "Password updated", a bordered "Signed out of 3 other devices" note and a "Continue to Beacon" Button; Link expired shows a TriangleAlert in a bg-destructive/10 circle, the issue timestamp, a "Request a new link" Button and a support link. Lets you design every outcome of the reset flow at once.