CMS Ribbon Carousel — curved 3D CMS gallery carousel for Framer

A carousel for Framer that bends your CMS collection into a ribbon — cards curve away in 3D, the middle card stays sharp, and drag, wheel, arrow keys and dots all land it on a card.

What you get

One Framer code component (CMS Ribbon Carousel), delivered as a Component URL.

Per-card controls: title, caption, image with alt text, link, and a tint that draws the card face when there is no image yet.

A component slot per card, so a CMS collection drives the ribbon directly.

Curvature, depth, card width, gap, edge fade, radius, colours, text size, max width and alignment, all from the properties panel.

Drag, mouse wheel, arrow keys, dots and arrow buttons; autoplay with a seconds control that pauses on hover and focus.

How it behaves

One index drives everything. The ribbon is CSS transforms on that index, so nothing is measured and no observer is attached.

The Framer canvas shows the first card at rest.

Under prefers-reduced-motion the carousel still moves between cards, it just skips the transition.

Screen readers get the carousel as a labelled region, one card per group with its position announced.

Requirements

Any Framer project. No plugins, no external libraries. Single-use licence.