RetroGrid
A full-coverage perspective grid background. Drop it inside any relative container and it tiles seamlessly behind your content.
import { RetroGrid } from "@animui/ui"Basic
RetroGrid
Perspective grid background.
Custom angle & color
Lower angle values flatten the perspective; change color to match your theme.
Custom angle
angle=45, pink grid
Props
| Prop | Type | Default | Description |
|---|---|---|---|
angle | number | 65 | Perspective tilt of the grid in degrees. |
cellSize | number | 60 | Width and height of each grid cell in pixels. |
color | string | "rgba(99,102,241,0.2)" | Grid line color. |
fadeColor | string | "white" | CSS color used for the bottom-fade gradient overlay. |
className | string | — | Additional classes for the container. |