---
title: "Image Hover Variants — Free Framer component · Best of Framer"
description: "Free Framer component · by Ava Thiery · Effects. Show product variants on hover"
canonical: "https://framer.elliotli.dev/component/image-hover-variants"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Image Hover Variants

# Image Hover Variants

Show product variants on hover

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

![Image Hover Variants preview image 1](https://framer.elliotli.dev/og/component/image-hover-variants/9840736ff33cfe52/1600x1200.jpg)

## Summary

Show product variants on hover

## Description

Two product images, one frame. Hover the left side of the image to reveal one shot, the right side to reveal another.

Use it for a model shot and a product close-up, a front and back view, two colorways, or a styled and clean version of the same piece. Anywhere a single static shot was doing too little.

Built for fashion brands, accessory shops, and editorial ecommerce that care about how their product imagery feels. Drops cleanly into a grid, a hero section, a lookbook page, or a product card.

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

-   All · #980

## Details

- **Author**: Ava Thiery
- **Published**: 2026-05-30
- **Updated**: 2026-05-30
- **Added**: 2026-05-24
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows