Live demo — this example is server-driven; run the showcase locally for the interactive version.

Password strength

Composition pattern — password input + 4-segment strength bar + label. Live feedback as the user types. Alpine scores via length + character classes.

Java Builder
Qute template

Examples

Basic

Type a password — the bar fills from 0 to 4 segments based on length + uppercase + digits + symbols. Color shifts danger → warning → info → success.

Password

Documentation

Password strength pattern

Composition — no runtime template. Input + 4 segments + label, scored via a small JS function. Swap the score function for zxcvbn if you want library-grade entropy estimates.

Usage

Show, don't block. The strength meter is informational — let users submit even weak passwords (with a warning) rather than refusing the form.

Edit password-strength example on GitHub