---
title: "Arch Image Gallery — Framer component · Best of Framer"
description: "$3.00 · Framer component · by BasePixel · Galleries. Arch Image Gallery is an auto-scrolling image carousel with elegant arch-shaped cards."
canonical: "https://framer.elliotli.dev/component/arch-image-gallery"
---

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

# Arch Image Gallery

Cinematic infinite scroll gallery

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

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

## Summary

Arch Image Gallery is an auto-scrolling image carousel with elegant arch-shaped cards.

## Description

Arch Image Gallery is an auto-scrolling image carousel with elegant arch-shaped cards. Perfect for creative agencies and work / creative portfolios. With a modern minimalist design, images scroll in an infinite loop with smooth diffused edges, creating a sophisticated gallery effect for your designs.

### What It Is

A professional infinite-scrolling image gallery that creates a unique visual experience where arch-shaped cards continuously glide across the screen. Great for a creative portfolio carousel. Unlike traditional carousels or sliders, this component features alternating curved cards with soft fade edges, adding depth and visual polish to your designs. Perfect for portfolios, media showcases, and featured content.

### Features for the Framer carousel / image gallery:

-   **Infinite Seamless Loop:** Cards scroll continuously with no visible jump or stutter
    
-   **Arch-Shaped Cards:** Alternating curved corners create a distinctive, editorial look
    
-   **Diffused Fade Edges:** Smooth gradient mask on left and right for a polished appearance
    
-   **Adjustable Speed:** Control scroll speed from slow and ambient to fast and dynamic
    
-   **Responsive Layout:** Auto-sizes cards based on container width with cards-per-view control
    
-   **6 Controls:** Complete customization without code
    

### What You Get

-   Production-ready Framer component
    
-   Native Framer property controls (no code files needed)
    
-   Responsive design with flexible layout
    
-   Smooth, performant animation
    
-   Professional default styling
    
-   No coding required
    

### Setup

1.  Add component to your canvas
    
2.  Add images to the card slots (up to 10)
    
3.  Adjust speed, gap, and arch radius to your liking
    
4.  Customize fade width for softer or sharper edges
    
5.  Done!
    

### Key Settings

Layout:

-   Cards Per View: Number of visible cards (1–8)
    
-   Card Height: Height of all cards (150–600px)
    
-   Gap: Space between cards (0–50px)
    
-   Arch Radius: Curvature of the alternating card corners (20–200px)
    

Animation:

-   Speed: Scroll speed from slow to fast (1–100)
    
-   Smooth linear motion with seamless looping
    

Styling:

-   Fade Width: Control how much the left and right edges diffuse (0–50%)
    

### Use Cases

-   Portfolio showcases and photography galleries
    
-   Hero headers and sections for modern websites
    
-   Product image carousels
    
-   Agency and creative landing pages
    
-   Testimonial or team photo scrollers
    
-   Background visual content behind CTAs
    
-   Blog post or case study image highlights
    
-   Tech, SaaS, or startup landing pages
    

### Best Practices

-   Use 4–6 images for a balanced, continuous feel
    
-   Images with consistent color palettes look most polished
    
-   Speed of 40–60 works well for most designs
    
-   Fade width of 8–15% creates a subtle, professional edge
    
-   Arch radius of 80–120px gives the best curved card shape
    
-   Works beautifully on both light and dark backgrounds
    

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

-   All · #3973

## Details

- **Author**: BasePixel
- **Price**: $3.00
- **Published**: 2026-04-10
- **Updated**: 2026-06-13
- **Added**: 2026-04-02
- **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.