Add Notlogin to your site

Drop-in, dependency-free snippets. The button gives users a one-click entry to your Notlogin flow; the badge signals to AI agents (and their humans) that your service is agent-ready.

Sign-in button

Google-style. The user approves on Notlogin and returns to your redirect_uri with a one-time code; exchange it server-side for their verified-proof profile.

Continue with Notlogin

<a href="https://notlogin.com/authorize?vendor=YOUR_SLUG&redirect_uri=https://YOUR-APP.com/auth/notlogin/callback" style="display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:8px;background:#0a1422;color:#fff;border:1px solid rgba(255,255,255,.15);font:600 14px system-ui,sans-serif;text-decoration:none">
  <svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="nl" x1="6" y1="3" x2="33" y2="37" gradientUnits="userSpaceOnUse"><stop stop-color="#7DF0FF"/><stop offset=".5" stop-color="#22D3EE"/><stop offset="1" stop-color="#0E8FA6"/></linearGradient></defs><rect x="1" y="1" width="38" height="38" rx="11" fill="#0a1422" stroke="rgba(255,255,255,.1)"/><path d="M11 29 V18.5 a9 9 0 0 1 18 0 V29 H24 V18.5 a4 4 0 0 0 -8 0 V29 Z" fill="url(#nl)"/><circle cx="20" cy="18.5" r="1.7" fill="#0a1422"/></svg>
  Continue with Notlogin
</a>

// On your callback (the user returns with ?code=...), exchange it server-side:
const r = await fetch('https://notlogin.com/api/oauth/token', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ code: req.query.code, code_verifier: pkceVerifier }),
})
const { sub, verifiedProofs, id_token, access_token } = await r.json()
// sub = stable user id · verifiedProofs = e.g. ['email','wallet']
// id_token = EdDSA JWT (verify against /.well-known/jwks.json)
// Standard OIDC: discovery at https://notlogin.com/.well-known/openid-configuration

Agent-ready badge

Hosted SVG — one line, always up to date. Add ?theme=dark for dark sites.

<a href="https://notlogin.com" target="_blank" rel="noreferrer">
  <img src="https://notlogin.com/badge/YOUR_SLUG.svg" width="260" height="70" alt="Accepts Notlogin agent credentials" />
</a>

For the actual agent verification, vendors use the SDK (npm i notlogin-sdk) — see the vendor onboarding.