{"id":23709464,"url":"https://github.com/innovatrics/dot-js-kit","last_synced_at":"2026-01-17T06:21:46.361Z","repository":{"id":44779431,"uuid":"361714062","full_name":"innovatrics/dot-js-kit","owner":"innovatrics","description":"Face, ID document and palm photo web auto-capture components for identity verification in JavaScript","archived":false,"fork":false,"pushed_at":"2026-01-14T11:39:28.000Z","size":328887,"stargazers_count":17,"open_issues_count":0,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2026-01-14T15:48:53.360Z","etag":null,"topics":["biometrics","browser","document-scanning","face-capture","face-detection","id-document","identity","identity-verification","javascript","kyc","liveness","liveness-detection","onboarding","palm-capture","photo-capture","sdk","selfie","typescript","verification"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/innovatrics.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2021-04-26T10:48:37.000Z","updated_at":"2026-01-14T11:39:33.000Z","dependencies_parsed_at":"2023-09-28T12:22:35.897Z","dependency_job_id":"5999c417-3129-4347-a2fb-22fd03de1a1c","html_url":"https://github.com/innovatrics/dot-js-kit","commit_stats":null,"previous_names":[],"tags_count":83,"template":false,"template_full_name":null,"purl":"pkg:github/innovatrics/dot-js-kit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovatrics%2Fdot-js-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovatrics%2Fdot-js-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovatrics%2Fdot-js-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovatrics%2Fdot-js-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/innovatrics","download_url":"https://codeload.github.com/innovatrics/dot-js-kit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovatrics%2Fdot-js-kit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28502211,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-17T04:31:57.058Z","status":"ssl_error","status_checked_at":"2026-01-17T04:31:45.816Z","response_time":85,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["biometrics","browser","document-scanning","face-capture","face-detection","id-document","identity","identity-verification","javascript","kyc","liveness","liveness-detection","onboarding","palm-capture","photo-capture","sdk","selfie","typescript","verification"],"created_at":"2024-12-30T18:30:18.701Z","updated_at":"2026-01-17T06:21:46.344Z","avatar_url":"https://github.com/innovatrics.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Face, Document and Palm Capture Web Components\n\nThis repository is a collection of web components for face, ID document or palm photo capture with usage instructions for easy implementation into your application.\n\nThe repository contains the following Innovatrics DOT web components:\n\n- Face Auto Capture Component\n- Document Auto Capture Component\n- Palm Auto Capture Component\n- MagnifEye Liveness Component\n- Smile Liveness Component\n- Auto Capture UI Component\n\nThe components can be used to develop remote identity verification or digital onboarding solutions, as demonstrated in this [demo application](https://dot.innovatrics.com/).\n\nYou can also check out the [integration samples](https://github.com/innovatrics/dot-web-samples) in various technologies (React, Vue, Angular, jQuery).\n\n## Features\n\nThe output of all the components is one or more face / document / palm image(s) in the JPEG format and/or a proprietary file format for safe transfer to [Digital Identity Service](https://developers.innovatrics.com/digital-onboarding/technical/api-reference/) on server for further processing.\n\n### Face Auto Capture Component\n\n[Innovatrics Face Auto Capture Component](https://www.npmjs.com/package/@innovatrics/dot-face-auto-capture) renders the video stream from an available phone or web camera to automatically capture an image of a user’s face with the required quality.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Face Auto Capture\" src=\"https://www.innovatrics.com/wp-content/uploads/2024/03/Passive-Liveness-preview-400px.gif\" width=\"200\" height=\"400\"\u003e\n\u003c/p\u003e\n\n### Document Auto Capture Component\n\n[Innovatrics Document Auto Capture Component](https://www.npmjs.com/package/@innovatrics/dot-document-auto-capture) renders the video stream from an available phone or web camera to automatically capture an image of an ID document with the required quality.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Document Auto Capture\" src=\"https://www.innovatrics.com/wp-content/uploads/2024/03/Onboarding-document-scanning-400px.gif\" width=\"200\" height=\"400\"\u003e\n\u003c/p\u003e\n\n### Palm Capture Component\n\n[Innovatrics Palm Capture Component](https://www.npmjs.com/package/@innovatrics/dot-palm-capture) renders the video stream from an available phone or web camera to automatically capture an image of a user’s palm with the required quality.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Palm Capture\" src=\"https://www.innovatrics.com/wp-content/uploads/2025/03/palm.gif\" width=\"200\" height=\"400\"\u003e\n\u003c/p\u003e\n\n### MagnifEye Liveness Component\n\n[Innovatrics MagnifEye Liveness Component](https://www.npmjs.com/package/@innovatrics/dot-magnifeye-liveness) renders the video stream from an available phone or web camera to automatically capture a detailed image of a user’s face and their eye with the required quality. The component lays the foundation for a semi-passive liveness capture capability.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"MagnifEye Liveness Component\" src=\"https://www.innovatrics.com/wp-content/uploads/2024/03/MagnifEye_liveness-preview-400px.gif\" width=\"200\" height=\"400\"\u003e\n\u003c/p\u003e\n\n### Smile Liveness Component\n\n[Innovatrics Smile Liveness Component](https://www.npmjs.com/package/@innovatrics/dot-smile-liveness) renders the video stream from an available phone or web camera to automatically capture two images of a user’s face with the required quality. The component lays the foundation for a semi-passive liveness capture capability.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Smile Liveness Component\" src=\"https://www.innovatrics.com/wp-content/uploads/2024/03/Smile-liveness-preview-400px.gif\" width=\"200\" height=\"400\"\u003e\n\u003c/p\u003e\n\n### Auto Capture UI Component\n\n[Innovatrics Auto Capture UI Component](https://www.npmjs.com/package/@innovatrics/dot-auto-capture-ui) renders an overlay over the video stream. The overlay includes a placeholder, camera control buttons and instructions to guide the user to position their face or their ID document correctly. It is recommended to be used with other components mentioned above.\n\n## Requirements\n\nBefore using any of the components that are available in this repository, beware of the following requirements:\n\n### UI Component\n\n**IMPORTANT:** For the auto capture and liveness components to work as intended, we highly recommend you also have [Auto Capture UI Component](https://www.npmjs.com/package/@innovatrics/dot-auto-capture-ui) installed in your project. You can learn more about why this is important on our [developers portal](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-face/latest/documentation/).\n\n### Camera requirements\n\nTo get appropriate results using this component, the camera resolution on your device needs to be at least 720x720 pixels.\n\nSupported browsers\nThe Face Auto Capture Component was tested with Chrome, Firefox, Edge, Safari, SafariVC, WebView and WKWebView. More information can be found [here](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-face/latest/documentation/#_supported_browsers).\n\n## Installation\n\nInstallation of the components is available via NPM, PNPM or Yarn:\n\n### Face Auto Capture Component\n\nUsing npm:\n\n```bash\n$ npm install @innovatrics/dot-face-auto-capture\n```\n\nUsing yarn:\n\n```bash\n$ yarn add @innovatrics/dot-face-auto-capture\n```\n\nUsing pnpm:\n\n```bash\n$ pnpm add @innovatrics/dot-face-auto-capture\n```\n\n### Document Auto Capture Component\n\nUsing npm:\n\n```bash\n$ npm install @innovatrics/dot-document-auto-capture\n```\n\nUsing yarn:\n\n```bash\n$ yarn add @innovatrics/dot-document-auto-capture\n```\n\nUsing pnpm:\n\n```bash\n$ pnpm add @innovatrics/dot-document-auto-capture\n```\n\n### Palm Auto Capture Component\n\n```bash\n$ npm install @innovatrics/dot-palm-capture\n```\n\nUsing yarn:\n\n```bash\n$ yarn add @innovatrics/dot-palm-capture\n```\n\nUsing pnpm:\n\n```bash\n$ pnpm add @innovatrics/dot-palm-capture\n```\n\n### MagnifEye Liveness Component\n\nUsing npm:\n\n```bash\n$ npm install @innovatrics/dot-magnifeye-liveness\n```\n\nUsing yarn:\n\n```bash\n$ yarn add @innovatrics/dot-magnifeye-liveness\n```\n\nUsing pnpm:\n\n```bash\n$ pnpm add @innovatrics/dot-magnifeye-liveness\n```\n\n### Smile Liveness Component\n\nUsing npm:\n\n```bash\n$ npm install @innovatrics/dot-smile-liveness\n```\n\nUsing yarn:\n\n```bash\n$ yarn add @innovatrics/dot-smile-liveness\n```\n\nUsing pnpm:\n\n```bash\n$ pnpm add @innovatrics/dot-smile-liveness\n```\n\n### Auto Capture UI Component\n\nUsing npm:\n\n```bash\n$ npm install @innovatrics/dot-auto-capture-ui\n```\n\nUsing yarn:\n\n```bash\n$ yarn add @innovatrics/dot-auto-capture-ui\n```\n\nUsing pnpm:\n\n```bash\n$ pnpm add @innovatrics/dot-auto-capture-ui\n```\n\n## Usage\n\nThe following components are [web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) which use custom HTML tag.\nProperties need to be passed into the component after the tag was rendered.\n\nTo learn more about the initial setup and usage of the components, head to the following developer portal pages:\n\n- [Face Auto Capture Component developer portal](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-face/latest/documentation/#_usage)\n- [Document Auto Capture Component developer portal](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-document/latest/documentation/#_usage)\n- [Palm Capture Component developer portal](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-palm/latest/documentation/)\n- [MagnifEye Liveness Component developer portal](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-magnifeye-liveness/latest/documentation/#_usage)\n- [Smile Liveness Component developer portal](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-smile-liveness/latest/documentation/#_usage)\n\n## Changelogs\n\n- [Face Auto Capture Component changelog](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-face/latest/documentation/#_changelog)\n- [Document Auto Capture Component changelog](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-document/latest/documentation/#_changelog)\n- [Palm Auto Capture Component changelog](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-palm/latest/documentation/#_changelog)\n- [MagnifEye Liveness Component changelog](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-magnifeye-liveness/latest/documentation/#_changelog)\n- [Smile Liveness Component changelog](https://developers.innovatrics.com/digital-onboarding/technical/remote/dot-web-smile-liveness/latest/documentation/#_changelog)\n\n## License\n\nThe following components are available under Innovatrics proprietary license (see License tab to read the T\u0026C).\n\nThe components can be used in a freemium mode without a license agreement. However, please note that the free version includes a watermark overlay in the components.\n\nTo obtain a license agreement and use the component without the overlay, please contact us at support@innovatrics.com.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnovatrics%2Fdot-js-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finnovatrics%2Fdot-js-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnovatrics%2Fdot-js-kit/lists"}