Interactive Dot Grid

The Interactive Elastic Dot Grid component creates a mesmerizing field of dots connected by subtle elastic lines. As users move their cursor across the canvas, the dots respond organically — stretching, bouncing, and shifting with smooth physics-driven motion.

You can customize the dot radius, spacing, elasticity, mouse influence, and even toggle between solid colors or a vibrant gradient effect. Perfect for interactive backgrounds, hero sections, or motion-rich visualizations that add depth and playfulness to your UI.

Key Features

• ✨ Gradient or solid color modes

• 🧲 Elastic physics and smooth motion

• 🖱️ Real-time mouse interaction

• ⚙️ Fully customizable spacing, size, and force

• 🧩 Lightweight SVG rendering for high performance