Getting Started

⚡ 5 min read

Welcome to Transcodes - the easiest way to add passwordless authentication to your website.

What is Transcodes?

Transcodes is a WebAuthn-based authentication service that replaces passwords

Passkey Authentication - Biometric login with Touch ID, Face ID, Windows Hello
Pre-built UI - Clean, No Coding required login modals
Automatic Token Management - JWT issuance and refresh handled for you
Zero Backend Code - No server-side implementation required, No domain configuration required
Zero-Knowledge Security - Transcodes automatically manages and controls tokens. You never need to worry about tokens, and understanding authentication works


<!-- Add this to your HTML -->
<script
  type="module"
  src="https://cdn.transcodes.link/{PROJECT_ID}/webworker.js"
></script>


// Trigger authentication
const result = await transcodes.openAuthLoginModal();

3 lines of code. That’s all you need for enterprise-grade passwordless authentication.

Zero-Knowledge Security: Your private key never leaves your device. Transcodes cannot access it—only cryptographic signatures are sent to verify identity.

How It Works

🔴 Red = Your responsibility | 🟢 Green = Transcodes handles

Traditional Authentication Flow

Your responsibility: Backend integration, API endpoints, token management.

Complexity: Multiple services, SDK installation, session handling.

Transcodes Authentication Flow

Your responsibility: One function call.

Security: Private key never leaves device. Nothing to phish, nothing to steal.

Documentation Guide

What is Passkey Why Transcodes Comparison Architecture

What is Passkey

A simple explanation of passkeys - log in with your fingerprint or face instead of typing passwords. No technical jargon, just the basics.

Why Transcodes

Discover why Transcodes is the easiest and most secure passkey authentication solution. Implement in 5 minutes with zero backend coding.

Comparison

See how Transcodes compares to Auth0, Stytch, Passage, and other WebAuthn providers. Understand the integration complexity differences.

Architecture

Deep dive into Transcodes’ technical architecture: CAP pattern, token management, event system, and security model.

Supported Platforms

Transcodes supports all major platforms and browsers with WebAuthn capability:

macOS/iOS: Touch ID, Face ID
Windows: Windows Hello
Android: Fingerprint, Face Unlock
Browsers: Chrome 67+, Safari 14+, Firefox 60+, Edge 79+

WebAuthn requires HTTPS in production. localhost is allowed for development.

For detailed browser and platform compatibility, see Architecture → Browser Support.

Ready to Start?

Jump straight to the Getting Started guide to set up Transcodes in 5 minutes.

Or explore the Integration Guides for framework-specific tutorials (React, Next.js, Vue, Vanilla JS).