Interactive Dot Grid
A dynamic SVG-based dot matrix that reacts to mouse movement with fluid, elastic physics and gradient visuals.
Made with Workshop
Build your own component with AI
About this Component
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
