InteractiveGridPattern

An SVG grid of squares that highlight on hover with a smooth fade-out transition. Useful as an interactive background effect.

Basic Usage

Default 24x24 grid with 40px squares. Hover over the grid to see the highlight effect.

Hover over the grid

Colored Variant

Customize square size and hover color via squaresClassName.

Blue hover effect