> For the complete documentation index, see [llms.txt](https://docs.vida.id/identity-stack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vida.id/identity-stack/verify/kyc-web-sdk/getting-started/overview.md).

# Overview

### Introduction

The **Vida Web SDK** is a browser-only JavaScript SDK that enables you to embed **identity verification** flows into your web application with minimal effort.

It supports:

* **Document capture & verification + OCR**
* **Liveness detection** (including color flash flow)
* **Face matching** against document photo
* **Configurable workflows, UI, and callbacks**

***

### Key Benefits

#### 🎯 Lightweight

* Optimized bundle size
* Designed to minimize impact on page load and runtime performance
* Runs fully in the browser (no Node.js support required)

#### ⚡ Easy Integration

* Install via **script tag from CDN** or **NPM package**
* A few lines of code to initialize
* Works with modern frontend frameworks (React, Vue, etc.) as well as vanilla JS

#### 🎨 Customizable

You can tailor the experience to your product and brand:

* Configure **face detection parameters**
  * Timeouts
  * Frame shape
  * Text & copy
* Customize **theming** (colors, fonts, border radii)
* Adjust **workflow behavior**
  * Skip or show tutorial screens
  * Handle back side capture
  * Control retries and timeouts

#### 🌏 Multi-Language Support

Currently supported locales:

* English (`EN`)
* Indonesian (`ID`)

Text labels can also be overridden via **locale configuration**.

#### 🌍 Regional Coverage

The identity verification flow supports the following countries:

* 🇮🇩 Indonesia (`IDN`)
* 🇲🇾 Malaysia (`MYS`)
* 🇵🇭 Philippines (`PHL`)
* 🇸🇬 Singapore (`SGP`)
* 🇹🇭 Thailand (`THA`)
* 🇻🇳 Vietnam (`VNM`)

See **Supported Countries & Documents** for detailed document types.

***

### High-Level Verification Process

The identity verification flow consists of two main pillars:

1. **Document Capture & Verification + OCR**
   * Capture government-issued ID documents (front and back where applicable)
   * Extract key fields via OCR
   * Validate document authenticity
2. **Liveness Detection + Face Match**
   * Capture a live selfie with liveness detection
   * Match selfie against document photo
   * Apply anti-spoofing measures

A typical user journey looks like:

1. Start verification from your app
2. Capture document(s)
3. SDK sends document images to Vida for OCR + verification
4. Capture selfie with liveness checks
5. SDK sends selfie for liveness + face match
6. SDK returns a **verification result** via `onComplete` callback

For more detail, see **Identity Verification Flow**.