Grid Matrix

A field of modules that rise, turn and glow around the cursor, with a ghost cursor when there is none.

<InteractiveGridMatrixBackground />Live

Move your cursor over the grid

Columns

Rows

Elevation

Cursor radius

Responsiveness

Base#1e293b

Active#38bdf8

Your code

<InteractiveGridMatrixBackground
  columns={30}
  rows={30}
  maxElevation={3}
  radius={4.5}
  damping={6}
  baseColor="#1e293b"
  activeColor="#38bdf8"
/>

Next componentVolumetric Aura→