---
title: "CMS Ultimate Slider — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Product Dude · Carousels. CMS Video/Image/Component slider"
canonical: "https://framer.elliotli.dev/component/cms-ultimate-slider"
---

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

# CMS Ultimate Slider

CMS Video/Image/Component slider

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

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

## Summary

CMS Video/Image/Component slider

## Description

A professional slider component for Framer featuring 4 unique animation styles. Connect multiple CMS Collection Lists, use Gallery connectors, or add static content. Perfect for portfolios, team showcases, and product galleries.

**Key Features**

_Data Sources_

-   Multiple Collection Lists support
    
-   Gallery connectors for CMS pages
    
-   Static Items (images, videos, components)
    

_4 Animation Styles_

-   Cinematic: 3D rotation with blur and perspective
    
-   Circular: Fan-out rotation with vertical offset
    
-   Material: Dynamic width expansion on active slide
    
-   Rotate: 3D perspective rotation
    

_Image and Video connexion_

-   Keep Ratio mode preserves aspect ratios
    
-   Min/max dimension constraints
    
-   Video autoplay with mute control
    
-   Object-fit options (Cover, Contain, Fill)
    

_Component Mode_

-   Display custom Framer components as slides like cards, CTAs...
    
-   Fit Content mode adapts to each component size
    
-   Fixed mode with configurable dimensions
    

_Lightbox_

-   Fullscreen media viewing
    
-   Navigation between slides
    
-   Video controls customization
    
-   Keyboard navigation support
    

_Navigation_

-   Autoplay with pause on hover
    
-   Keyboard and drag/swipe controls
    
-   Scroll navigation with adjustable sensitivity
    
-   Customizable arrows and dot indicators
    

_Customization_

-   Hover effects (scale, grayscale, sepia, blur)
    
-   Custom shadows and border radius
    
-   Active/inactive opacity control
    
-   Padding and alignment options
    

**How to Use**

1.  Add the component to your canvas
    
2.  Select Content Mode and Data Source
    
3.  Connect your media or components
    
4.  Choose a Style preset
    
5.  Configure navigation and appearance
    
6.  Enable Lightbox if needed
    

**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](mailto: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 · #10749

## Details

- **Author**: Product Dude
- **Price**: $8.00
- **Published**: 2026-03-02
- **Updated**: 2026-03-02
- **Added**: 2026-02-23
- **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