Hover Zone Gallery
A clean hover-based slider with up to five interactive zones. Instantly switch images and link each state, fully controlled through variables.
About this Component
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
