Command Palette

Search for a command to run...

Docs
Retro Grid

Retro Grid

An animated scrolling retro grid effect

Zenix Grid

Installation

Usage

import { RetroGrid } from "zenix-ui/retro-grid";
<div className="relative h-[500px] w-full overflow-hidden">
  <RetroGrid />
</div>

Props

PropTypeDefaultDescription
classNamestring-Additional CSS classes for the grid container
anglenumber65Rotation angle of the grid in degrees
cellSizenumber60Grid cell size in pixels
opacitynumber0.5Grid opacity value between 0 and 1
lightLineColorstring"gray"Grid line color in light mode
darkLineColorstring"gray"Grid line color in dark mode