---
title: "CMS Gallery Carousel — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Filip Banasiak · Carousels. Overview CMS Gallery Carousel is a wrapper that turns your Framer CMS gallery into a polished, draggable horizontal carousel."
canonical: "https://framer.elliotli.dev/component/cms-gallery-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/CMS Gallery Carousel

# CMS Gallery Carousel

Turn CMS galleries into carousels

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

![CMS Gallery Carousel preview image 1](https://framer.elliotli.dev/og/component/cms-gallery-carousel/f8e154c3d236da09/1600x1200.jpg)

## Summary

Overview CMS Gallery Carousel is a wrapper that turns your Framer CMS gallery into a polished, draggable horizontal carousel.

## Description

### Overview

CMS Gallery Carousel is a wrapper that turns your Framer CMS gallery into a polished, draggable horizontal carousel. Built for the most common Framer use case: showing a row of project or product images from a CMS where the images come in different aspect ratios and you don't want to crop, mask, or hand-size every one.

### What it does

-   Auto-fits every image in the slotted row to a single shared height — portraits and landscapes line up side by side without manual cropping.
    
-   Draggable with momentum and an elastic bounce at the edges (configurable).
    
-   Optional left/right arrow buttons that fade in only when there's content to scroll to in that direction.
    
-   Optional thin scrollbar indicator that tracks drag progress.
    
-   Built-in click-vs-drag detection: a horizontal swipe never triggers a click on a child link, so dragging through a gallery never accidentally opens a project page.
    

### Perfect for:

-   Showcasing large imagery in creative portfolio presentations
    
-   Image-rich case studies and project pages
    
-   Editorial layouts with mixed-aspect visuals
    
-   Any CMS-driven gallery where photos vary in size and shape
    

### Customization

-   Scrollbar on/off
    
-   Elasticity (0 = hard stop, 1 = full bounce)
    
-   Arrows on/off, with per-click scroll distance, size, color, background, and border radius
    
-   Works with any height you set on the container
    

### How to use it

-   Build your CMS gallery row as you normally would.
    
-   Drop in the CMS Gallery Carousel, set the width and a fixed height.
    
-   Slot your CMS row into the Content slot.
    
-   Tune arrows, scrollbar, and elasticity in the property panel.
    

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

-   All · #654

## Details

- **Author**: Filip Banasiak
- **Price**: $9.00
- **Published**: 2026-05-26
- **Updated**: 2026-10-07
- **Added**: 2026-05-04
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view