Infinity Mirror
Deep nested 3D card creating an optical illusion of infinite layers, reacting to magnetic mouse movement.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
titleVOID
The main text displayed on the front layer. Pass your own custom text string to display here.
subtitleSYSTEM_READY
The smaller accent text displayed on the front layer. Customize this prop to add secondary metadata.
layers5
Number of nested layers in the infinity mirror.
glowColor#7fff5e
The neon glow color cast by the infinite tunnel.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | VOID | The main text displayed on the front layer. Pass your own custom text string to display here. |
| subtitle | string | SYSTEM_READY | The smaller accent text displayed on the front layer. Customize this prop to add secondary metadata. |
| layers | number | 5 | Number of nested layers in the infinity mirror. |
| glowColor | string | #7fff5e | The neon glow color cast by the infinite tunnel. |