@asafarim/password-checklist
Live demo & feature showcase
A robust, fully-typed React component to display the success or failure of password strength rules in real time. Browse the navigation to try every feature, or jump to a highlight below.
Built-in rules
minLength, maxLength, capital, lowercase, number, specialChar, letter, match, noWhitespace, noRepeat, noSequential, notCommon, notPersonalInfo.
Custom special-char set
Pass your own list — even unicode glyphs — to specialCharsList.
Strength meter
0–4 score with entropy estimate, fully theme-able.
Custom rules
Add any sync or async validator. Async rules show a pending state.
Async breach check
Plug in HIBP-style server checks without blocking the UI.
Localization & RTL
Override every label, swap strength labels, render right-to-left.
Headless hook
Use usePasswordValidation() for a totally bespoke UI.
Signup form integration
Real registration form gating submission on isValid.
@asafarim/password-checklist/default.css for the opinionated look used here, or @asafarim/password-checklist/styles.css for structural-only styles you can theme yourself.