---
title: "CMS Slider Pro — Free Framer component · Best of Framer"
description: "Free Framer component · by Sanna Granqvist · Carousels · ranked #67 among Framer components. CMS drag-and-autoplay carousel"
canonical: "https://framer.elliotli.dev/component/cms-slider-pro"
---

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

# CMS Slider Pro

CMS drag-and-autoplay carousel

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

![CMS Slider Pro preview image 1](https://framer.elliotli.dev/og/component/cms-slider-pro/a7acac8034d04fda/1600x1200.jpg)

## Summary

CMS drag-and-autoplay carousel

## Description

**Key features:**

-   **Direction** — Left, Right, Up, or Down
    
-   **Multi-item view** — show 1–8 cards at once with configurable gap, padding, radius, and aspect ratio
    
-   **Playback** — autoplay with interval, pause-on-hover, loop, and start-at-start/end
    
-   **Navigation** — drag (with edge rubber-band resistance), arrow keys, and click
    
-   **Scroll step** — advance one card at a time or a full page
    
-   **Arrows** — Split (edge-anchored), Grouped, or Inline with pagination; custom icons, shadow, fade-on-hover, offset controls
    
-   **Pagination** — Dots, Progress bar (continuous or segmented Instagram-style), Numbers, or None; compact windowed mode for long lists
    
-   **Center Focus** — scale up the centered card and fade the rest
    
-   **Accessibility** — ARIA carousel role, keyboard navigation, screen-reader live region, focus-visible outline, reduced-motion support
    
    Tutorial

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

-   All · #67

## Details

- **Author**: Sanna Granqvist
- **Published**: 2026-05-10
- **Updated**: 2026-10-05
- **Added**: 2026-04-19
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view