Neural Pattern Lock
A highly interactive, 3D-tilting pattern lock screen with magnetic physics and glowing neon paths.
Component Showcase
Neural Pattern Lock
A highly interactive, 3D-tilting pattern lock screen with magnetic physics and glowing neon paths.
Framer Motion3DInteractiveForm
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor
Base color of the lock pattern nodes and trails.
successColor
Color shown when pattern is successfully entered.
errorColor
Color shown when pattern entry fails.
gridSize
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). |