Biometric Touch Scanner
A highly interactive, press-and-hold biometric scanner featuring dynamic SVG topography, glowing laser sweeps, and glitching cybernetic states.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
titleIDENTITY VERIFICATION
The main title displayed above the scanner.
subtitleHOLD TO SCAN
The instructional subtitle displayed at the bottom.
successTextACCESS GRANTED
The text displayed upon successful scan.
primaryColor#00f0ff
The main neon color used for the scanner UI and success state.
accentColor#ff5c71
The secondary accent color used for error/failed states.
scanDuration2500
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. |