Grid Scan FX
3D perspective grid with scan animation. 6 grid types. Mouse tracking & click interaction. Customizable styles.
About this Component
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
