---
title: "CMS Vertical Slider — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Product Dude · Carousels. CMS vertical Carousel/Slider component"
canonical: "https://framer.elliotli.dev/component/cms-vertical-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/CMS Vertical Slider

# CMS Vertical Slider

CMS vertical Carousel/Slider component

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

![CMS Vertical Slider preview image 1](https://framer.elliotli.dev/og/component/cms-vertical-slider/057abdfa372e3f60/1600x1200.jpg)

## Summary

CMS vertical Carousel/Slider component

## Description

## What is CMS Vertical Carousel?

The ultimate vertical carousel component for Framer. Perfect for showcasing images, videos, and custom components in a stunning vertical scroll experience. Connect your CMS data or use static content — it adapts to your workflow.

### Flexible Data Sources

-   Connect single or multiple Collection Lists
    
-   Use Gallery connectors for quick setup
    
-   Add Static Items (images, videos, components)
    
-   Works with custom components: cards, frames, Vimeo/YouTube embeds, and more
    

**5 Style Presets**

-   Flow: Vertical scroll with rotation and blur effects
    
-   Page: Vertical paging with scale and opacity transitions
    
-   Peek Edges: Stacked cards overlapping with peek effect
    
-   Coverflow 3D: 3D rotation effect like album covers
    
-   Smooth Scroll: Free vertical scrolling with optional snap
    

**Image & Video Support**

-   Keep Ratio mode with ratio multiplier (0.5x to 3x)
    
-   Automatic aspect ratio preservation
    
-   Video autoplay support
    
-   Object-fit options: Cover, Contain, Fill, Scale-down
    

**Advanced Effects**

-   Blur effects on inactive items
    
-   Rotation, scale, and opacity animations
    
-   Customizable animation speed
    
-   Tile shadows with full control
    

**Navigation & Controls**

-   Snap scrolling with customizable sensitivity
    
-   Keyboard navigation (arrow keys)
    
-   Customizable arrow buttons (inside/outside placement)
    
-   Dot indicators with icon or dot format
    
-   Scroll sensitivity control (1-10)
    

**Lightbox Features**

-   Fullscreen media viewing
    
-   Navigation arrows between items
    
-   Video autoplay & controls customization
    
-   Internal or external control positioning
    
-   Fully customizable buttons (size, radius, blur, colors, custom icons)
    
-   Keyboard navigation (arrows + escape)
    

**Layout Options**

-   Starting position: Center or Top
    
-   Custom padding controls (top, bottom, both)
    
-   Adjustable spacing between slides
    
-   Container padding
    
-   Components mode with fixed or fit content sizing
    

**Additional Features**

-   Shuffle order option
    
-   Tile background colors
    
-   Customizable border radius
    
-   Controls gap adjustment
    
-   Responsive design
    

## How to Use

1.  Drag the component onto your canvas
    
2.  Choose your Content Mode (Images/Videos or Components)
    
3.  Select your Data Source (Gallery, Collection List(s), or Static Items)
    
4.  Connect your media or components
    
5.  Select Style Preset (Flow, Page, Peek Edges, Coverflow 3D, or Smooth Scroll)
    
6.  Configure dimensions, spacing, and effects
    
7.  Customize navigation controls (arrows, dots)
    
8.  Enable Lightbox for fullscreen viewing (optional)
    
9.  Adjust animation and blur settings to match your brand
    

## Perfect For

-   Portfolio showcases
    
-   Product galleries
    
-   Image collections
    
-   Video playlists
    
-   Testimonial carousels
    
-   Feature highlights
    
-   Case study presentations
    
-   Content showcases
    

## Refund Policy

Due to the digital nature of this product, all sales are final. Please review the demo and documentation carefully before purchasing. If you encounter any technical issues, contact us at framermaster@gmail.com — we're happy to help!

### Secure Checkout

All payments are securely processed through [Polar.sh](http://Polar.sh).

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

-   All · #9606

## Details

- **Author**: Product Dude
- **Price**: $7.00
- **Published**: 2026-02-26
- **Updated**: 2026-02-26
- **Added**: 2026-02-18
- **Categories**: Carousels

## More like this

-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Ink Reveal Slider](/component/ink-reveal-slider) — Matt · $14 — Let your images bloom into view
-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [WavyMotion Carousel](/component/wavymotion-carousel) — Motion Lab · Free — Image & Video Carousel