Passkey-first Login

Passkey-first Login

⚡ 15 min total

Implement passwordless authentication with biometric login (fingerprint, Face ID, Windows Hello) in just 5 steps

Passkey-first Login replaces traditional passwords with biometric authentication. Users log in with:

Fingerprint (Touch ID, Android fingerprint)
Face recognition (Face ID, Windows Hello)
Hardware security keys (YubiKey, etc.)

Benefits:

93% login success rate (FIDO Alliance, 2025)
3x faster login compared to passwords
Zero password fatigue for users
Phishing-resistant authentication

Integration Steps

Step 1: Create a project Step 2: Load the SDK (CDN)Step 3: Open the login modal Step 4: Auth state events Step 5: Verify JWT on the server

Quick start

CDN: add webworker.js in HTML, then use transcodes globally.


// After SDK load
const result = await transcodes.openAuthLoginModal({});
 
if (result.success) {
  const member = result.payload[0].member;
  console.log('Welcome!', member?.email);
}
 
transcodes.on('AUTH_STATE_CHANGED', (payload) => {
  if (payload.isAuthenticated) {
    console.log('Member signed in:', payload.member?.email);
  }
});

Who Should Use This?

Passkey-first Login is perfect for:

Startups wanting to ship fast without building auth
UX-focused websites prioritizing user experience
No-code builders (Webflow, Bubble, Framer)
Any app wanting to eliminate password friction

Get Started

Start with Step 1: Create a project