---
title: "Image Reveal List — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Russet Supply · Sections. Hover-to-reveal image accordion"
canonical: "https://framer.elliotli.dev/component/image-reveal-list"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Image Reveal List

# Image Reveal List

Hover-to-reveal image accordion

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

![Image Reveal List preview image 1](https://framer.elliotli.dev/og/component/image-reveal-list/86dbab474ec78da2/1600x1200.jpg)

## Summary

Hover-to-reveal image accordion

## Description

[Live Preview](https://imagerevealaccordion.framer.website/)

[Grab more componnets for free](https://www.framer.com/@design-by-saqlain/)

Image Reveal Accordion is an interactive category list where hovering over a row smoothly expands it and reveals a collection of images. The titles and thumbnails animate upward from an overflow-hidden mask for a clean, editorial feel. On mobile, rows switch to a tap-to-expand layout with wrapping image grids.

### Features

-   Hover-to-expand rows on desktop
    
-   Tap-to-expand interaction on mobile
    
-   Smooth spring-based row transitions
    
-   Staggered image reveal animation
    
-   Images positioned left or right
    
-   Responsive image wrapping on mobile
    
-   Optional default active row
    
-   Static-render optimized for Framer
    

### Fully Customizable

Built with Framer property controls, so you can adjust the layout, images, colors, typography, borders, transitions, and reveal animation directly from the right panel.

### Customize

-   Categories and image collections
    
-   Row padding and open/closed heights
    
-   Image size, spacing, radius, and position
    
-   Colors and borders
    
-   Typography
    
-   Spring speed, stiffness, damping, and mass
    
-   Reveal duration, stagger, delay, distance, and easing
    

### How It Works

Hover over a category to expand the row and reveal its images. Moving away collapses it back into a compact row. On screens below 450px, the interaction changes to tap/click and the images wrap into a responsive grid

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

-   All · #1435

## Details

- **Author**: Russet Supply
- **Price**: $5.00
- **Published**: 2026-09-08
- **Updated**: 2026-11-04
- **Added**: 2026-09-08
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove