Facenition

Drop-in face & PIN login

This is a sample partner page. The floating badge in the corner is the embeddable widget — one script tag, no build step. Click it to open the login flow, or choose Generate token to enrol with a camera snapshot and a PIN.

Add it to any page

<script async src="https://api.facenition.com/widget_v1.js"
        data-token="YOUR_API_TOKEN"
        data-scope="your-app-scope"></script>

Developer variables

Placement

data-position takes bottom-right (default), bottom-left, top-right, top-left, or relative. With relative the badge drops out of the corner and renders in-flow wherever you put a <facenition> tag — for example right here in a sentence: Sign in . Set the loader to data-position="relative" and the widget mounts at that tag (it falls back to the bottom-right corner if no tag is on the page).

<script async src="https://api.facenition.com/widget_v1.js"
        data-token="YOUR_API_TOKEN"
        data-scope="your-app-scope"
        data-position="relative"></script>

<!-- ...then drop the tag wherever you want the widget -->
Sign in <facenition></facenition>

Listen for outcomes

The widget emits facenition:login and facenition:generate events on window. Activity shows up here:

waiting…

Camera capture needs a secure context — serve this over http://localhost or HTTPS. On file:// the login UI still renders, but the camera will report it needs HTTPS.

Try it →