Biblioteca React para captura facial e detecção de landmarks em tempo real.
npm install @paulinasource/face-capture-landmarks-libA modern React library for real-time face capture and landmark detection, featuring ready-to-use UI components for facial authentication, registration, and behavioral biometrics.
- 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
To ensure styles are applied correctly, don't forget to import the library's CSS in your project:
``ts`
import '@paulinasource/face-capture-landmarks-lib/styles.css';
`tsx
import { FaceAuthenticator, ProviderComponent } from '@paulinasource/face-capture-landmarks-lib';
function App() {
return (
onError={(err) => console.error('Error:', err)}
/>
);
}
`
- DetectionFrameErrorFrame
- FaceAuthenticator
- FloatingCameraMonitor
- ProcessingFrame
- ProgressIndicator
- SuccessFrame
- FaceRegistrationModal
- ProviderComponent
- FaceCaptureFlow
-
All components can be imported individually:
`tsx``
import {
DetectionFrame,
ErrorFrame,
FaceAuthenticator,
FloatingCameraMonitor,
ProcessingFrame,
ProgressIndicator,
SuccessFrame,
FaceRegistrationModal,
ProviderComponent,
FaceCaptureFlow
} from '@paulinasource/face-capture-landmarks-lib';
- @tensorflow/tfjs
- @tensorflow-models/face-landmarks-detection
- @mediapipe/face_mesh
- react-webcam
- framer-motion
- lucide-react
- React 19 and React DOM 19
- Autoprefixer
Fully compatible with modern browsers:
- ✅ Google Chrome
- ✅ Firefox
- ✅ Microsoft Edge
- ✅ Safari
MIT
Source code available on GitHub:
https://github.com/DelcioLuis/face-capture-landmarks-lib
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.