---
title: "Image Gallery — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Edi Priatama · Galleries. interactive image gallery that displays a single main image and a horizontal list of thumbnail images below it."
canonical: "https://framer.elliotli.dev/component/image-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Image Gallery

# Image Gallery

interactive image gallery

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

![Image Gallery preview image 1](https://framer.elliotli.dev/og/component/image-gallery/4ff79dba37aa82b7/1600x1200.jpg)

## Summary

interactive image gallery that displays a single main image and a horizontal list of thumbnail images below it.

## Description

interactive image gallery that displays a single main image and a horizontal list of thumbnail images below it. Users can select a main image by clicking on the desired thumbnail.

This component is designed to adapt to screen size.

-   On Desktop Screens : The component uses a custom scroll, which is activated by clicking and dragging (drag-to-scroll).
    
-   On Mobile Screens : The component switches to the native browser scroll.
    

Customizable Properties

You can adjust the component's appearance and behavior through the Framer properties panel:

-   images: The images for the gallery.
    
-   ListSize: The size (width and height) of each thumbnail.
    
-   ListRadius: The corner radius for the thumbnails.
    
-   gapMain: The vertical space between the main image and the thumbnail list.
    
-   gapList: The horizontal space between each thumbnail.
    
-   mainRadius: The corner radius for the main image.
    
-   aspectMode: The aspect ratio for the main image, with options like "1:1", "4:3", and "16:9".
    
-   scrollSpeed: The scroll speed when the user performs a drag-to-scroll on desktop.
    

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

-   All · #4746

## Details

- **Author**: Edi Priatama
- **Price**: $9.00
- **Published**: 2025-09-30
- **Updated**: 2026-10-02
- **Added**: 2025-09-24
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.