Password Strength Validator
Upgrade your signup or login form with a modern password strength meter that reacts in real time. As users type, the strength bar updates from weak to strong and each requirement in the checklist receives a clear checkmark or X. The layout is clean, responsive, and built to match any style.
Features
โข Live password strength indicator with color states
โข Requirement checklist with automatic checkmarks and X marks
โข Show or hide password toggle
โข Customizable rules such as minimum length, uppercase letters, and more
โข Optional strict mode if all requirements must be met
โข Adjustable strength bar colors for every state ๐จ
โข Includes a second variant with full color, style, and layout customization
Perfect for
โข Signup forms and onboarding flows
โข Login pages
โข Account security settings
โข SaaS dashboards
โข Any project that needs clear password guidance
How to use
โข Paste the component into your signup or login form
โข Set your password rules in the properties panel
โข Customize the strength bar color for weak, fair, good, and strong
โข Enable or disable strict mode depending on your security level
โข Turn on the show or hide password toggle for improved UX
This component adds clarity, trust, and a professional feel to your forms. The included customizable variant lets you adapt the visuals to any brand, from soft gradients to bold security-focused themes.