Infinity Mirror
Deep nested 3D card creating an optical illusion of infinite layers, reacting to magnetic mouse movement.
Component Showcase
Infinity Mirror
Deep nested 3D card creating an optical illusion of infinite layers, reacting to magnetic mouse movement.
Framer Motion3DPremium
Interactive Playground
Adjust sliders and values to preview changes in real-time
title
The main text displayed on the front layer. Pass your own custom text string to display here.
subtitle
The smaller accent text displayed on the front layer. Customize this prop to add secondary metadata.
layers
Number of nested layers in the infinity mirror.
glowColor
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. |