---
title: "Vertical CMS Gallery — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Alex Enguilo · Galleries. Dynamic vertical CMS with autoplay"
canonical: "https://framer.elliotli.dev/component/verticalcmsgallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Vertical CMS Gallery

# Vertical CMS Gallery

Dynamic vertical CMS with autoplay

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

![Vertical CMS Gallery preview image 1](https://framer.elliotli.dev/og/component/verticalcmsgallery/0845dec446d1bf10/1600x1200.jpg)

## Summary

Dynamic vertical CMS with autoplay

## Description

**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.
    

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

-   All · #8635

## Details

- **Author**: Alex Enguilo
- **Price**: $10.00
- **Published**: 2025-11-18
- **Updated**: 2026-01-22
- **Added**: 2025-10-28
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery