Retro Grid Background
Synthwave-style 3D perspective grid scrolling into the horizon with a glowing horizon line.
Import
import { RetroGridBackground } from "@igorao79/uivix";Playground
60px
1x
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| angle | number | 65 | Perspective rotation angle |
| cellSize | number | 60 | Grid cell size in px |
| lineColor | string | "#8b5cf6" | Grid line color |
| lineOpacity | number | 0.25 | Line opacity |
| speed | number | 1 | Scroll speed |
| fade | boolean | true | Bottom fade gradient |
| fadeColor | string | "#09090b" | Fade color |
| className | string | fixed inset-0 ... | CSS class |