Hover Reveal Grid
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.
Gazi Efe
