Interactive Grids

Interactive Dot Grid — Customizable Animated Background

Add depth and motion to your Framer websites with an interactive dot grid that responds smoothly to cursor movement.

Customize dot size, spacing, colors, background, distortion radius, and animation speed to create anything from a subtle ambient texture to a bold, dynamic visual effect.

Perfect for hero sections, landing pages, portfolios, and modern web interfaces.

Features

• Adjustable dot size and spacing

• Customizable dot and background colors

• Interactive cursor-based distortion

• Control over effect radius and strength

• Adjustable animation speed

• Optional cursor visibility