Grid Scan FX
3D perspective grid with scan animation. 6 grid types. Mouse tracking & click interaction. Customizable styles.
Make it with Workshop
Build your own component with AI
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
