@paulinasource/face-capture-landmarks-lib NPM

@paulinasource/face-capture-landmarks-lib

A modern React library for real-time face capture and landmark detection, featuring ready-to-use UI components for facial authentication, registration, and behavioral biometrics.

✨ Features

Real-time face detection and tracking
Accurate facial landmarks using TensorFlow.js and MediaPipe
Reusable React UI components
Fully typed with TypeScript
Prebuilt CSS styling included

⚠️ Important

To ensure styles are applied correctly, don't forget to import the library's CSS in your project:

import '@paulinasource/face-capture-landmarks-lib/styles.css';

🚀 Getting Started

import { FaceAuthenticator, ProviderComponent } from '@paulinasource/face-capture-landmarks-lib';

function App() {
  return (
    <ProviderComponent>
      <FaceAuthenticator
        onSuccess={(landmarks) => console.log('Authenticated:', landmarks)}
        onError={(err) => console.error('Error:', err)}
      />
    </ProviderComponent>
  );
}

🧱 Available Components

DetectionFrame
ErrorFrame
FaceAuthenticator
FloatingCameraMonitor
ProcessingFrame
ProgressIndicator
SuccessFrame
FaceRegistrationModal
ProviderComponent
FaceCaptureFlow

All components can be imported individually:

import {
  DetectionFrame,
  ErrorFrame,
  FaceAuthenticator,
  FloatingCameraMonitor,
  ProcessingFrame,
  ProgressIndicator,
  SuccessFrame,
  FaceRegistrationModal,
  ProviderComponent,
  FaceCaptureFlow
} from '@paulinasource/face-capture-landmarks-lib';