ShapesGrid
A responsive grid of animated shapes that react dynamically to mouse movement.
About this Component
This component renders a fully interactive grid of shapes—circles, squares, rounded squares, or diamonds—that smoothly scale and shift in response to cursor movement. Each shape animates based on distance from the mouse, creating a fluid magnetic effect. Customize rows, columns, size, spacing, colors, animation timing, and shape type to create anything from subtle backgrounds to playful interactive canvases. Perfect for hero sections, dynamic backgrounds, interactive art, or motion-driven UI effects.
Details
