@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';

🧰 Built With

• @tensorflow/tfjs
• @tensorflow-models/face-landmarks-detection
• @mediapipe/face_mesh
• react-webcam
• framer-motion
• lucide-react
• React 19 and React DOM 19
• Autoprefixer

🌐 Browser Compatibility

Fully compatible with modern browsers:

• ✅ Google Chrome
• ✅ Firefox
• ✅ Microsoft Edge
• ✅ Safari

📄 License

MIT

📁 Repository

Source code available on GitHub:

https://github.com/DelcioLuis/face-capture-landmarks-lib

🤝 Contributing

Contributions are welcome! Feel free to:

• Open issues for bugs, suggestions, or questions
• Submit pull requests with new features or fixes
• Discuss ideas and use cases

Made with ❤️ by PaulinaSource

credito, nome do curso, assinatura.

assinatura.

Deteccao de placho.