---
title: "CMS Slider — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Can Girgin · Carousels. CMS Slider bridges the gap, allowing you to transform any Collection List into a fully interactive, responsive, and high-performance…"
canonical: "https://framer.elliotli.dev/component/cms-slider"
---

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

# CMS Slider

Responsive CMS content slider

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

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

## Summary

CMS Slider bridges the gap, allowing you to transform any Collection List into a fully interactive, responsive, and high-performance slideshow in seconds.

## Description

**Finally, a slider designed specifically for Framer CMS.**

Struggling to create a carousel from your CMS content? The native tools can be limiting. CMS Slider bridges the gap, allowing you to transform any Collection List into a fully interactive, responsive, and high-performance slideshow in seconds.

Whether you are building a testimonial carousel, a portfolio showcase, or a vertical news feed, this component handles it all with zero code.

### Key Features

-   **Seamless CMS Integration:** Just drag, drop, and connect your Collection List. It works instantly.
    
-   **Smart Link Technology:** Intelligent gesture recognition ensures links inside slides work perfectly but aren't triggered accidentally while dragging.
    
-   **Multi-Directional Flow:** Support for Left, Right, Up, and Down scrolling directions. Perfect for traditional sliders or unique vertical feeds.
    
-   **High Performance:** Built with GPU-accelerated transitions. No lag, no "instant jumps"—just silky smooth animations.
    
-   **Advanced Navigation:**
    
    -   **Custom Icons:** Upload your own images for Previous/Next buttons.
        
    -   **Flexible Layouts:** Group arrows together or split them to the sides.
        
    -   **Smart Positioning:** Align controls precisely (Top/Center/Bottom) with custom offsets.
        
-   **Full Control:** Customize gaps, padding, corner radius, drop shadows, and active states easily.
    
-   **Interactive:** Supports touch gestures, dragging, swipe-to-scroll, and "Pause on Hover".
    
-   **Smart Autoplay:** Configurable intervals with loop functionality.
    

### How to use

1.  Drag the component onto your canvas.
    
2.  Connect a CMS Collection List to the Content property.
    
3.  Customize the layout, direction, and styles from the property panel.
    

Unlock the full potential of your CMS content today!

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

-   All · #9730

## Details

- **Author**: Can Girgin
- **Price**: $15.00
- **Published**: 2026-01-22
- **Updated**: 2026-07-30
- **Added**: 2026-01-12
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow