About
A password change form with a live strength meter and checklist of requirements (length, uppercase, number, symbol) plus a show/hide toggle.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Account Password Change to your project and fits it to your theme.
Code
How Account Password Change is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import AccountPasswordChange from "@/components/ui/account-password-change";
export default function AccountPasswordChangeDemo() {
return (
<div className="flex items-center justify-center min-h-screen w-full p-6 bg-background">
<AccountPasswordChange />
</div>
);
}








