Hover Gallery
Layered hover gallery where each image jumps into the spotlight on hover. Perfect for portfolios, campaigns and hero sections – just swap the images, no code needed.
Make it with Workshop
Build your own component with AI
Layered hover gallery where each image jumps into the spotlight on hover. Perfect for portfolios, campaigns and hero sections – just swap the images, no code needed.
Make it with Workshop
Build your own component with AI
Spotlight - Hover Gallery turns a simple set of images into a dynamic, layered collage. As you move your cursor across the gallery, each card smoothly jumps to the front, creating a cinematic “spotlight” effect without any custom code.
Use it for hero sections, product showcases, campaign visuals or portfolio highlights - anywhere you want your imagery to carry the story.
- Hover-to-focus animation - every image moves to the front on hover with a smooth spring transition.
- Layered collage layout - overlapping cards with curated offsets for depth and visual tension.
- Fully editable cards - replace each default image and label from the right panel, no CMS required.
- Resizable & responsive-friendly - designed to sit inside your own layout and adapt to different section sizes.
- Multiple variants included - prebuilt states for focusing different images so you don’t have to wire the interactions from scratch.
- Visual portfolios (photography, creative studios, case studies)
- Product or campaign highlights on landing pages
- Editorial hero sections and feature blocks
- Moodboards and inspiration collages
1. Drop Hover Gallery into your canvas.
2. Resize the component to match your section (hero, feature block, etc.).
3. Select each card and swap the default images for your own assets.
4. Preview the page and hover over the gallery - each image will jump into the spotlight as you move your cursor.
That’s it - you get an interactive, high-impact gallery with zero custom code.
