> For the complete documentation index, see [llms.txt](https://firstoken.gitbook.io/api-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://firstoken.gitbook.io/api-docs/guides/implementing-captures-sdk-js.md).

# Implementing Captures SDK JS

### Introducing Captures SDK JS

The Firstoken Captures SDK is a powerful JavaScript library that enables secure data capture through customizable forms. It ensures compliance with PCI security requirements by intercepting sensitive data and replacing it with tokens before it reaches the client's server.

The library utilizes secure iFrame components to prevent access to non-secure data. This document provides a comprehensive guide on how to integrate and configure the Firstoken Captures SDK on your website to create custom payment flows.

### Links of interest

{% content-ref url="/pages/9ZIG6XZjFN3Dp7pgY4if" %}
[Getting Started](/api-docs/guides/implementing-captures-sdk-js/getting-started.md)
{% endcontent-ref %}

{% content-ref url="/pages/tTQONDPes7BZ1SjurVVi" %}
[Functions](/api-docs/guides/implementing-captures-sdk-js/functions.md)
{% endcontent-ref %}

{% content-ref url="/pages/5aySpRBL2Lf3nAZhBTIx" %}
[Elements Options](/api-docs/guides/implementing-captures-sdk-js/elements-options.md)
{% endcontent-ref %}

{% content-ref url="/pages/Pe9hHHfJP6Tu7jMeRsBI" %}
[CSS Object](/api-docs/guides/implementing-captures-sdk-js/css-object.md)
{% endcontent-ref %}

{% content-ref url="/pages/eSiQqiJrvkAqbmLipKRp" %}
[Full Example of usage](/api-docs/guides/implementing-captures-sdk-js/full-example-of-usage.md)
{% endcontent-ref %}