Cyber Biometric Scanner
A highly interactive, press-and-hold biometric scanner featuring dynamic SVG topography, glowing laser sweeps, and glitching cybernetic states.
Component Showcase
Cyber Biometric Scanner
A highly interactive, press-and-hold biometric scanner featuring dynamic SVG topography, glowing laser sweeps, and glitching cybernetic states.
Framer MotionBiometricScannerInteractive
Interactive Playground
Adjust sliders and values to preview changes in real-time
title
The main title displayed above the scanner.
subtitle
The instructional subtitle displayed at the bottom.
successText
The text displayed upon successful scan.
primaryColor
The main neon color used for the scanner UI and success state.
accentColor
The secondary accent color used for error/failed states.
scanDuration
Duration required to hold the scanner in milliseconds before success.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "IDENTITY VERIFICATION" | The main title displayed above the scanner. |
| subtitle | string | "HOLD TO SCAN" | The instructional subtitle displayed at the bottom. |
| successText | string | "ACCESS GRANTED" | The text displayed upon successful scan. |
| primaryColor | string | "#00f0ff" | The main neon color used for the scanner UI and success state. |
| accentColor | string | "#ff5c71" | The secondary accent color used for error/failed states. |
| scanDuration | number | 2500 | Duration required to hold the scanner in milliseconds before success. |