Installation Guide

⚡ 2 min read

Load the Authentication Kit in your app in one of two ways: HTML / CDN (default, matches the Dashboard snippet) or npm (init({ projectId })).

PWA (installable Web App Kit) needs webworker.js from HTML, plus manifest and sw.js. The npm SDK alone does not replace that path—follow Web App Installation Guide. This page covers Authentication-only (passkeys, step-up MFA, modals).

Method 1: HTML / CDN (default)

Add the Dynamic SDK loader once, early in the document. Replace YOUR_PROJECT_ID with the ID from the Transcodes Console . Authentication-only does not require a manifest or sw.js; those are Web App Kit/PWA assets.


<script src="https://cdn.transcodes.link/YOUR_PROJECT_ID/webworker.js" defer></script>

After load, use the global transcodes API (e.g. transcodes.openAuthLoginModal, transcodes.token, transcodes.member). See API Reference.

TypeScript (optional)

Download transcodes.d.ts from Authentication Kit → Installation Guide in the Console, place it under types/, and add types to tsconfig.json include / typeRoots (same pattern as Quick Integration).

Getting snippets from the Console

Open Transcodes Console → your project → Authentication Kit Cluster.
Click the Installation Guide (document) icon to open the side panel.
Copy Project ID, the HTML script snippet, or Download TypeScript definitions as needed.

Installation Guide panel

Next Steps

Configuration — domains, RP ID, tokens
Quick Integration — React, Next.js, Vue, Vanilla
Branding — auth UI