Grid Scan FX

Grid Scan FX

About Grid Scan FX

Stunning 3D perspective grid background with animated scan line effect. Powered by WebGL raymarching for smooth 60fps performance.

6 Grid Types:

  • Square - Classic rectangular grid

  • Hexagon - Honeycomb pattern

  • Triangle - Isometric grid

  • Diamond - 45° diagonal grid

  • Radial - Circular rings with spokes

  • Cross - Plus signs at intersections

3 Line Styles:

  • Solid

  • Dashed

  • Dotted

Features:

  • 3D perspective with depth

  • Animated scan line sweep

  • Mouse tracking (tilts & skews grid)

  • Click to trigger extra scans

  • 3 scan directions (Forward, Backward, Ping Pong)

  • Adjustable scan glow & softness

  • Bloom & chromatic aberration

  • Optional gyroscope support (mobile)

  • Smooth snap-back animation

  • GPU-accelerated

Perfect for:

  • Hero sections

  • Sci-fi & tech websites

  • Landing pages

  • Gaming sites

  • Agency portfolios

  • Cyberpunk aesthetics