Modern Dot Grid

InteractiveDotGrid Feature Overview Dot Size – Adjust the size of each dot to create either a subtle texture or a bold, stylized pattern.

InteractiveDotGrid Feature Overview Dot Size – Adjust the size of each dot to create either a subtle texture or a bold, stylized pattern. Dot Spacing – Control the distance between dots to make the grid tighter or more open. Dot Color – Customize the color of the dots to match your design or brand palette. Background – Set the background color for the grid, ensuring the right contrast and overall look. Distortion Radius – Defines how far the interaction effect reaches when the cursor moves nearby. Distortion Strength – Controls how strongly the dots react or distort around the cursor. Animation Speed – Adjusts how fast the distortion and movement animations play. Show Mouse Cursor – Toggle the cursor visibility for a cleaner, more minimal interactive effect. Perfect as an interactive background element for websites, hero sections, or modern UI builds.