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.

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.