CMS Gallery Carousel

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.