VerticalCMSGallery

Vertical CMS is a portrait (9:16) vertical gallery for Framer. It slides up/down with smooth spring transitions, includes a frosted overlay for a global title/description, and supports a CTA button or your own component slot. Perfect for digital invitations, event promos, portfolios, and product previews.

Highlights

• Two data modes: Upload (add unlimited images) or CMS (bind Image 1…N to your record).

• Frosted overlay with global title + description (accepts Variables; rich text auto-converts to plain text).

• CTA: built-in button or replace with your own component via slot.

• Indicators: bars or dots with size, gap, and radius controls; Auto radius keeps circles/pills perfectly rounded.

• Autoplay, keyboard ↑/↓, vertical swipe, and accessible hit targets.

• Aspect presets: 1:1, 2:3, 3:4, 9:16 (default) + custom; minHeight to avoid collapsing in Auto layout.

• Works consistently in Canvas and Preview (percent-based layout).

How to use

1. Insert the component and set the frame size (e.g., 360×640) or let it fill the container.

2. Data → CMS: click the lightning icon and bind CMS Image to your record’s image fields.– For the overlay, bind Title and Description to your record variables (no transforms needed).

3. Customize Indicators (bars/dots), Gap, Radius, Autoplay and Overlay Height/Blur.

4. Use CTA (slot) to drop in your own button asset, or set CTA Label/URL.

Notes

• Keep images ≥1600px on the long side for crisp results.

• If your CMS image field returns an object, bind via the image control (Framer resolves the URL).

• The overlay blocks slide gestures by default so the CTA is always clickable.