NoAuthLogin

NoAuthLogin is an authentication component that implements the core methods of noauth.sh.

It can be used with popular frameworks like Vue and React, or with HTML standard via Web Components.

By default, it performs authentication with Passkeys (WebAuthn) using the device’s biometric sensor. Fallbacks are available for devices that do not support biometrics.

  • OTP (One-Time Password) via email or webhook; also used to verify the email address.
  • QR Code, which allows authenticating the user using an external device, for example, a smartphone.

It is customizable with props and with CSS styles.

How it works

Auth flow with WebAuthn

  1. The component detects Passkeys support.
  2. It prompts the user to authenticate with biometrics (fingerprint/face).
  3. If successful, it emits a session result and continues with your app’s flow.

Component overview

Account recovery with OTP

  1. The user enters their email.
  2. A one-time OTP code is sent.
  3. The user enters the code to verify identity and create the session.

Component overview

Auth flow with QR (fallback)

  1. The component displays a QR in the browser.
  2. The user scans it from their smartphone (with better sensors).
  3. Authentication is confirmed and the browser updates with the session.

Component overview

Specific integrations

Check out the integration guides for: