Neural Pattern Lock
A highly interactive, 3D-tilting pattern lock screen with magnetic physics and glowing neon paths.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor#7fff5e
Base color of the lock pattern nodes and trails.
successColor#00f0ff
Color shown when pattern is successfully entered.
errorColor#ff5c71
Color shown when pattern entry fails.
gridSize3
Dimensions of the lock grid (e.g., 3 for a 3x3 grid).
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | "#7fff5e" | Base color of the lock pattern nodes and trails. |
| successColor | string | "#00f0ff" | Color shown when pattern is successfully entered. |
| errorColor | string | "#ff5c71" | Color shown when pattern entry fails. |
| gridSize | number | 3 | Dimensions of the lock grid (e.g., 3 for a 3x3 grid). |