Hover Reveal Grid

Hover Reveal Grid turns any image into an interactive surface.

Hover Reveal Grid turns any image into an interactive surface.

How it works:

- A grid of cells and intersection dots lights up around the cursor

- Each cell zooms the image beneath it based on distance to the pointer

- The mesh follows the cursor with smooth easing and fades out when idle

Fully editable in Framer — image, cell size, reveal radius, max zoom, grid color/width, dots, edge fade, follow easing, idle fade, corner radius and background. Pure Canvas rendering (no WebGL), fully responsive on every device.

Use it as a hero background: set the component to Fill and place your heading and buttons on top as separate layers.

Ideal for hero sections, portfolios, agencies and product showcases.