BackgroundsNew
Retro Grid
An endless perspective floor of lines rolling toward the viewer, drawn with WebGL.
Customize
lineColor
fadeColor
Based on Retro Grid (MIT license) · Terms of use
More in Pro
View allProps
6 properties| Property | Type | Default | Description |
|---|---|---|---|
| angle | number | 65 | Grid tilt in degrees. |
| cellSize | number | 60 | Cell size in pixels. |
| opacity | number | 0.5 | Overall grid opacity. |
| lineColor | string | "rgba(255, 255, 255, 0.6)" | Grid line color. |
| fadeColor | string | "#0a0a0a" | Color the grid fades into at the bottom. Use your section background. |
| className | string | — | Tailwind classes for the wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge