Dot Background — Reactive 3D grid interaction system

Features

• Real-time interactive 3D grid powered by WebGL and Three.js

• Responsive cursor-based distortion with smooth physics interactions

• Multiple interaction modes including Pull, Push, Twist, and Lens

• Dynamic node scaling and depth-based motion effects

• Cinematic parallax tilt movement with immersive perspective

• High-density procedural mesh rendering with optimized performance

• Fully responsive fullscreen grid architecture

• Premium shader-driven visuals with smooth interaction blending

Customization Options

• Customize grid density and world scale size

• Adjust node colors, line colors, and opacity levels

• Control interaction radius and force strength

• Switch between multiple interaction behaviors

• Fine-tune node size and visual intensity

• Customize radial background gradients

• Optimize visuals for subtle or dramatic motion effects

• Fully responsive across screen sizes and layouts

Use Cases

• Interactive hero backgrounds

• AI and SaaS landing pages

• Futuristic interface sections

• Creative developer portfolios

• Gaming and tech website visuals

• Immersive motion-driven experiences

• Premium dashboard and product showcase layouts