CyberGrid

A retro-futuristic 3D grid terrain effect using Three.js and custom shaders.

Usage

import { CyberGrid } from '@reactomega/ui';

export default function App() {
  return (
    <div className="relative h-screen w-full">
      <CyberGrid color="#00ff88" speed={1} height={1} />
    </div>
  );
}

Props

Prop	Type	Default	Description
color	string	"#00ff88"	Color of the grid lines
speed	number	1	Speed of the grid movement
height	number	1	Height/Intensity of the terrain distortion