🔐 ABC123 App

Pure WebAuthn API Demo

How it works:

  1. Register: Click "Register New Passkey" and follow the prompts to register your YubiKey or security key
  2. Save Credential ID: After registration, copy the credential ID that appears
  3. Authenticate: Click "Authenticate with Passkey" to use your registered key
  4. This app uses native WebAuthn APIs - zero dependencies! 🎉

Note: You can also use credentials registered on marks-simplewebauthn-example.retool.services

Leave empty to use discoverable credentials only. Auto-populated after registration.

Technical Details:

This demo uses the browser's native navigator.credentials.get() with no libraries!

Code Example:

// Authenticate with passkey
const credential = await navigator.credentials.get({
  publicKey: {
    challenge: new Uint8Array(32), // Random challenge
    rpId: 'retool.services',
    userVerification: 'preferred',
    timeout: 60000
  }
});