5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T1020,

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

Drag the component onto your canvas
Choose your Content Mode (Images/Videos or Components)
Select your Data Source (Gallery, Collection List(s), or Static Items)
Connect your media or components
Select Style Preset (Flow, Page, Peek Edges, Coverflow 3D, or Smooth Scroll)
Configure dimensions, spacing, and effects
Customize navigation controls (arrows, dots)
Enable Lightbox for fullscreen viewing (optional)
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.

5a:[["$","$L5d",null,{"post":{"id":"019c9ab3-4aaf-7a4d-aa84-b48087554185","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a0731dc2-e627-4a50-81d2-75a7b5791669","name":"Product Dude","slug":"product-dude","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/76312/avatar-SsuYbAXh9sy2AoOnT4NCMkJApE2lG6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ewkj3vZoKrt63RIK7FhL","resolved":true,"title":"CMS Vertical Slider","body":"$5e","bodyJson":null,"introduction":"CMS vertical Carousel/Slider component","slug":"cms-vertical-slider","author":{"framerUserId":"a0731dc2-e627-4a50-81d2-75a7b5791669","name":"Product Dude","slug":"product-dude","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/76312/avatar-SsuYbAXh9sy2AoOnT4NCMkJApE2lG6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ewkj3vZoKrt63RIK7FhL/cms-vertical-slider-YUp9IX9AS502LtORLnKb7cA8xszjsG","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-18T17:52:48.059Z","updatedAt":"2026-02-26T15:04:47.246Z","publishedAt":"2026-02-26T16:06:07.279Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://purple-strategy-632450.framer.app/","price":"7","paymentUrl":"https://buy.polar.sh/polar_cl_E3Zj5i18G9M862N3UfPQCGzjfEBet0HTL5UxB4SmCVr","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"Lt2vL3AX5xM4Frnz4dcb","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-26T16:06:07.279Z","updatedAt":"2026-02-26T16:06:07.279Z","reported":false}}],"$L5f"]

Suggested for you