Showcase products beautifully with an interactive main image and thumbnail gallery. Toggle arrows, customize borders, and control hover behavior for a clean, flexible presentation.
Made with Workshop
Build your own component with AI
The Interactive Gallery component is a sleek and versatile gallery for displaying images with clarity and style, perfect for displaying products. It features a main image area supported by clickable thumbnails that allow users to browse through different product images effortlessly.
Clickable thumbnails to switch the main image
Optional navigation arrows for browsing through images
Hover effect to preview thumbnails as the main image
Adjustable border color and width
Toggle hover effect on or off
Show or hide navigation arrows
Supports any image ratio or layout configuration
The gallery is structured with a primary image container and a row of up to 6 thumbnails. Each thumbnail can replace the main image on click or hover, depending on user interaction settings. Design controls make it easy to adjust borders, colors, and interactive behavior.