About
A password reset form with show/hide toggles for the new and confirm password fields, used on account security or password-recovery screens.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds New Password Form to your project and fits it to your theme.
Code
How New Password Form is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import NewPassword from "@/components/ui/new-password-2";
export default function NewPasswordDemo() {
return (
<div className="flex min-h-screen w-full items-center justify-center bg-muted p-6">
<NewPassword />
</div>
);
}
















