Retro Grid
A neon 3D perspective grid extending to the horizon that moves forward and tilts on cursor coordinates.
Component Showcase
Retro Grid
A neon 3D perspective grid extending to the horizon that moves forward and tilts on cursor coordinates.
CSS 3DPerspectiveParallax
Interactive Playground
Adjust sliders and values to preview changes in real-time
gridColor
Hex color code for perspective grid lines.
speed
Forward velocity of grid movement.
horizonColor
Laser line and horizon glow hex color.
tiltMultiplier
Strength of pointer parallax grid tilt.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| gridColor | string | "#ff5c71" | Hex color code for perspective grid lines. |
| speed | number | 1.5 | Forward velocity of grid movement. |
| horizonColor | string | "#7fff5e" | Laser line and horizon glow hex color. |
| tiltMultiplier | number | 1.0 | Strength of pointer parallax grid tilt. |