Skip to content

Auth kit

The Auth kit (@qazana/strata/auth) is a complete, accessible authentication flow with password reveal, strength meter and OTP inputs wired via data-* hooks.

Open “Auth — sign in” in a new tab ↗
ScreenFile
Sign in (split / centered)sign-in, sign-in-centered
Sign upsign-up
Reset passwordreset
Check your emailcheck-email
Set a new passwordnew-password
Verify emailverify
Two-factortwo-factor
Passwordless (magic link)passwordless
App passwordapp-password
Open “Auth — two-factor” in a new tab ↗

Password fields support reveal (data-pw-toggle), a strength meter (data-pw-strength) and the OTP component (data-otp). Reveal is delegated globally, so it works regardless of how many password fields are on the page.

Out-of-flow controls (theme toggle, escape links) use .auth-toggle — fixed top-right on its own, or stack several inside an .auth-corner row.