Skip to content


You can get the npm package with the Face web components here:

Install via NPM

On the command line, navigate to the root directory of your project:

cd /path/to/project

Run the following command:

npm init
Answer the questions in the command line questionnaire.

Install @regulaforensics/vp-frontend-face-components:

npm i @regulaforensics/vp-frontend-face-components

Create index.html and index.js files in the root directory of the project.

Import @regulaforensics/vp-frontend-face-components into your index.js:

import './node_modules/@regulaforensics/vp-frontend-face-components/dist/main.js';

In index.html connect index.js and add the name of the component you want to use. Available components:

  1. <face-capture></face-capture> - for create a face snapshot;
  2. <face-liveness></face-liveness> - for liveness verification.


<!DOCTYPE html>
    <meta charset="utf-8" />
    <title>My app</title>
    <script type="module" src="index.js"></script>

Install via CDN

Connect the script in your .html file. CDN link:


<script src=""></script>

Add the name of the component to the html, as in the example above.