> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-en/sdks/sdk-web/componentes.md).

# Components

Each module addresses a specific area, from Face Capture, document validation, to advanced Video ID processes.

This modular architecture makes it easier:

* Progressive integrations (you can use only what you need).
* Simpler maintenance and updates.
* Better performance by loading only the required components.

***

## Components

Below are the components that make up the SDK Web:

### **SDK Provider - Facephi component library**

Base component that provides the global configuration of the SDK and acts as the main container in your application.

{% content-ref url="/pages/1b04f23770d39f3c9ffee18384fee8237f315796" %}
[SDK Provider](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider.md)
{% endcontent-ref %}

### **Selphi - Facial pattern capture**

Facial biometrics module for face capture and verification.

{% content-ref url="/pages/35389fa345a8b043a8430626e77e359a5138dafe" %}
[Face Capture - Selphi](/docs.facephi-en/sdks/sdk-web/componentes/selphi-biometria-facial.md)
{% endcontent-ref %}

### **SelphID - Document capture**

Module for capturing and validating identity documents (DNI, Passport, etc.).

{% content-ref url="/pages/34be6db15803e3c1022fec541da137bfe0cc4f38" %}
[Document Capture - SelphID](/docs.facephi-en/sdks/sdk-web/componentes/selphid-documentos.md)
{% endcontent-ref %}

### **Video Recording**

Component responsible for recording the capture process.

{% content-ref url="/pages/e533bfc2c3576c0eaaeb66cbd3125a8d30d2b6e5" %}
[Video Recording](/docs.facephi-en/sdks/sdk-web/componentes/video-recording-video-grabacion.md)
{% endcontent-ref %}

### **File Uploader - File upload**

Component for uploading jpg, png and other documents.

{% content-ref url="/pages/ce288aaa475dddaac9210c9b10765635db01b1e7" %}
[File upload - FileUploader](/docs.facephi-en/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos.md)
{% endcontent-ref %}

### **Video ID - Simultaneous face, voice, and document capture**

Component for simultaneous capture of facial pattern, document, and voice.

{% content-ref url="/pages/493890ebb3f45a87228819929f9e860fb5c8fb55" %}
[VideoID (video identification)](/docs.facephi-en/sdks/sdk-web/componentes/videoid-identificacion-en-video.md)
{% endcontent-ref %}

***

### Usage recommendations

* You can integrate the modules independently or combine them according to the business Flow.
* You must always start from the **SDK Provider** to ensure the environment is configured correctly.
* Configure component properties using **JSX, Framework binding or JavaScript** (`apikey={process.env.FACEPHI_SDK_APIKEY}`) instead of native HTML attributes (`apikey="..."`).
* Check the specific sections for each module to see their configuration and examples.
* Always keep keys or licenses in secure environments (secrets, files `.env`...).

***

### 📦 Next steps

* If you haven't already, review the Installation and initial Configuration.
* Explore the specific documentation for each module for correct implementation.

For additional questions, contact Technical Support.