> 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/sdks/sdk-web/componentes.md).

# Componentes

El SDK de Facephi para Web está compuesto por módulos flexibles que te permiten integrar diferentes soluciones biométricas según las necesidades de tu proyecto.

Cada módulo aborda un área específica, desde la captura facial, la validación de documentos, hasta procesos avanzados de identificación por video.

Esta arquitectura modular facilita:

* Integraciones progresivas (puedes usar solo lo que necesites).
* Mantenimiento y actualizaciones más sencillas.
* Mejor rendimiento al cargar solo los componentes requeridos.

***

## Componentes

A continuación, se detallan los componentes que conforman el SDK Web:

### **SDK Provider - Librería de componentes de Facephi**

Componente base que proporciona la configuración global del SDK y actúa como contenedor principal en tu aplicación.

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

### **Selphi - Captura de patrones faciales**

Módulo de biometría facial para la captura y verificación de rostro.

{% content-ref url="/pages/GAYuw0tnsFdfNUrAU7vF" %}
[Captura facial - Selphi](/sdks/sdk-web/componentes/selphi-biometria-facial.md)
{% endcontent-ref %}

### **SelphID - Captura de documentos**

Módulo de captura y validación de documentos de identidad (DNI, pasaporte, etc.).

{% content-ref url="/pages/XgA6AvE2I19q19WEJLrB" %}
[Captura de documentos - SelphID](/sdks/sdk-web/componentes/selphid-documentos.md)
{% endcontent-ref %}

### **Video Recording**

Componente encargado de la grabación del proceso de captura.

{% content-ref url="/pages/HIiLhW5vMg0rAdRwkrxI" %}
[Video grabación](/sdks/sdk-web/componentes/video-recording-video-grabacion.md)
{% endcontent-ref %}

### **File Uploader - Carga de ficheros**

Componente de carga de documentos jpg, png y otros.

{% content-ref url="/pages/LWTvULtMu094geXOulG6" %}
[Subida de ficheros - FileUploader](/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos.md)
{% endcontent-ref %}

### **Video ID - Captura de cara, voz y documento simultánea**

Componente de captura simultánea de patrón facial, documento y voz.

{% content-ref url="/pages/taOtek9VInBgWrQKM54z" %}
[VideoID (Identificación en video)](/sdks/sdk-web/componentes/videoid-identificacion-en-video.md)
{% endcontent-ref %}

***

### Recomendaciones de uso

* Puedes integrar los módulos de forma independiente o combinarlos según el flujo de negocio.
* Es necesario iniciar siempre desde el **SDK Provider** para asegurar la correcta configuración del entorno.
* Configura las propiedades de los componentes mediante **JSX, Framework binding o JavaScript** (`apikey={process.env.FACEPHI_SDK_APIKEY}`) en lugar de atributos HTML nativos (`apikey="..."`).
* Consulta los apartados específicos de cada módulo para ver su configuración y ejemplos.
* Mantén siempre las claves o licencias en entornos seguros (secrets, ficheros `.env`...).

***

### 📦 Próximos pasos

* Si aún no lo hiciste, revisa la Instalación y la Configuración inicial.
* Explora la documentación específica de cada módulo para su correcta implementación.

Para dudas adicionales, contacta con el Soporte Técnico.