---
title: "Hover Zone Gallery — Free Framer component · Best of Framer"
description: "Free Framer component · by Till Janek · Buttons. Interactive image hover zones"
canonical: "https://framer.elliotli.dev/component/hover-zone-gallery"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Hover Zone Gallery

# Hover Zone Gallery

Interactive image hover zones

[View on Framer](https://framer.com/marketplace/components/hover-zone-gallery/?via=elliot-li)

![Hover Zone Gallery preview image 1](https://framer.elliotli.dev/og/component/hover-zone-gallery/eabe2ab738a91021/1600x1200.jpg)

## Summary

Interactive image hover zones

## Description

A minimal, image-driven component that turns a single landscape visual into an interactive experience. Five horizontal zones sit on top of the image and act as hover triggers, each revealing a different state.

Everything is controlled via variables, making it easy to adapt layout, visuals, and behavior without touching the structure. Built fully native in Framer, it stays fast and flexible.

Each hover state supports its own link, allowing you to use the component as navigation, portfolio preview, or storytelling element.

-   Up to 5 hover states with individual images & links
    
-   Customize image switch animation on hover
    
-   Variable-based setup for easy customization
    
-   Adjustable glow with intensity and radius control
    
-   Glow extends beyond image bounds
    
-   Built fully native in Framer
    
-   Lightweight and easy to scale
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #3476

## Details

- **Author**: Till Janek
- **Published**: 2026-04-03
- **Updated**: 2026-04-03
- **Added**: 2026-03-25
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything