Glowing Grid

Glowing Grid

About Glowing Grid

Glowing Grid is a dynamic and interactive background component. It renders a sharp, customizable grid where a circular area brightly glows and smoothly follows the user's cursor, creating a modern, high-tech visual effect.

This component is fully customizable through the following properties:

  1. Background: Background color of the entire grid.

  2. Square Styles: Controls the appearance of the base grid, including the size of the squares, line thickness, and default line color.

  3. Glow Styles: Modifies the interactive glow effect, allowing you to change its color, the size of the reveal area, and the sharpness of the inner and outer glow.

  4. Follow Speed: Adjusts how quickly and smoothly the glow follows the mouse cursor.

Demo