# Incode Web SDK Catalog

This guide is specific to Web SDK 2.0. If you are still using 1.x, you can find documentation [here](https://developer.incode.com/docs/web-sdk-reference). Contact your Incode Representative for upgrade information and check if you are a candidate for this upgrade.

The Incode Web SDK is composed of small, single-purpose modules. Each module ships independently and exposes (depending on the module) a web component, a headless Manager, or both.

This page is the **complete catalog**.

## How to read this catalog

| Column              | Meaning                                                                                                                                   |
|---------------------|-------------------------------------------------------------------------------------------------------------------------------------------|
| **Web component**    | If present, registered automatically when you import the UI subpath. Use as a custom element (e.g. `<incode-phone>`).                    |
| **Headless manager** | If present, the factory function for the module's headless API (subscribe to state, drive the state machine yourself, render any UI).     |
| **Core import**      | Where the module's TypeScript types and headless API live.                                                                               |
| **UI import**        | Side-effect import that registers the web component and lets you import its CSS. Empty when the module is headless-only.                  |

## Identity Capture

| Module            | Web component          | Headless manager               | Core import                             | UI import                                   |
|-------------------|------------------------|--------------------------------|------------------------------------------|-------------------------------------------|
| **Selfie**        | `<incode-selfie>`       | `createSelfieManager`         | `@incodetech/core/selfie`               | `@incodetech/web/selfie`                 |
| **ID document**   | `<incode-id>`          | `createIdCaptureManager`      | `@incodetech/core/id`                    | `@incodetech/web/id`                      |
| **ID OCR**        | —                      | `createIdOcrManager`          | `@incodetech/core/id-ocr`                | —                                         |
| **Document capture** | `<incode-document-capture>` | `createDocumentCaptureManager` | `@incodetech/core/document-capture`     | `@incodetech/web/document-capture`      |
| **Face match**    | `<incode-face-match>`  | `createFaceMatchManager`      | `@incodetech/core/face-match`           | `@incodetech/web/face-match`             |

- **Selfie** — face capture with ML-powered liveness detection. See [Module: Selfie](https://developer.incode.com/docs/web-sdk-2-module-selfie-1).
- **ID document** — government ID and passport capture with quality checks. See [Module: ID](https://developer.incode.com/docs/web-sdk-2-module-id-capture).
- **ID OCR** — extracts structured data from a captured ID image. See [Module: ID OCR](https://developer.incode.com/docs/web-sdk-2-module-id-ocr).
- **Document capture** — generic document capture with support for multi-page documents. See [Module: Document Capture](https://developer.incode.com/docs/web-sdk-2-module-document-capture).
- **Face match** — compares a captured selfie against a previously captured ID. See [Module: Face Match](https://developer.incode.com/docs/web-sdk-2-module-face-match).

## Contact Verification

| Module   | Web component   | Headless manager      | Core import                   | UI import                     |
|----------|-----------------|-----------------------|-------------------------------|-------------------------------|
| **Phone**| `<incode-phone>` | `createPhoneManager`  | `@incodetech/core/phone`     | `@incodetech/web/phone`      |
| **Email**| `<incode-email>` | `createEmailManager`  | `@incodetech/core/email`     | `@incodetech/web/email`      |

- **Phone** — phone number capture with optional SMS OTP verification. See [Module: Phone](https://developer.incode.com/docs/web-sdk-2-module-phone).
- **Email** — email capture with optional OTP verification. See [Module: Email](https://developer.incode.com/docs/web-sdk-2-module-email).

## Signing

| Module                     | Web component                       | Headless manager                       | Core import                            | UI import                              |
|----------------------------|-------------------------------------|----------------------------------------|----------------------------------------|----------------------------------------|
| **Signature**              | `<incode-signature>`                | `createSignatureManager`               | `@incodetech/core/signature`          | `@incodetech/web/signature`           |
| **Electronic signature**   | `<incode-electronic-signature>`     | `createElectronicSignatureManager`     | `@incodetech/core/electronic-signature` | `@incodetech/web/electronic-signature`|

- **Signature** — handwritten signature capture. See [Module: Signature](https://developer.incode.com/docs/web-sdk-2-module-signature).
- **Electronic signature** — eIDAS-aligned signing flows. See [Module: Electronic Signature](https://developer.incode.com/docs/web-sdk-2-module-electronic-signature).

## Utility

| Module                   | Web component                    | Headless manager                  | Core import                          | UI import                     |
|--------------------------|----------------------------------|-----------------------------------|-------------------------------------|-------------------------------|
| **Home**                 | —                                | `createHomeManager`               | `@incodetech/core/home`            | —                             |
| **Redirect to mobile**   | `<incode-redirect-to-mobile>`    | `createRedirectToMobileManager`   | `@incodetech/core/redirect-to-mobile` | `@incodetech/web/redirect-to-mobile`|

- **Home** — the SDK's built-in home screen before a flow starts. See [Module: Home](https://developer.incode.com/docs/web-sdk-2-module-home).
- **Redirect to mobile** — generates a QR code for handoff from desktop to mobile. See [Module: Redirect to Mobile](https://developer.incode.com/docs/web-sdk-2-module-redirect-to-mobile).

## Helpers Used by Every Integration

| Helper                   | Import                          | What it does                                                                                |
|--------------------------|---------------------------------|---------------------------------------------------------------------------------------------|
| `setup`                  | `@incodetech/core`              | Configures the SDK.                                                                                   |
| `createSession`          | `@incodetech/core/session`      | Opens a verification session, returns a session token.                                     |
| `warmupWasm`            | `@incodetech/core/wasm`         | Pre-warms the WASM ML pipelines.                                                            |
| `subscribeEvent`        | `@incodetech/core/events`       | Subscribes to the SDK's raw analytics event stream.                                        |

## Per-module Reference Pages

Every module has dedicated reference pages covering its tag, properties, etc. See the links provided for detailed information.