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.

Interactive cursor-reveal image grid