---
title: "CineSlider — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Carousels. Cinematic slider with autoplay & nav"
canonical: "https://framer.elliotli.dev/component/cineslider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/CineSlider

# CineSlider

Cinematic slider with autoplay & nav

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

![CineSlider preview image 1](https://framer.elliotli.dev/og/component/cineslider/4dddb57816d7f7b6/1600x1200.jpg)

## Summary

Cinematic slider with autoplay & nav

## Description

A cinematic image and content slider with smooth film-like transitions, autoplay, navigation arrows, and slide indicators. Unlimited slides with full layout, typography, and color customization. Built for portfolios, product showcases, and storytelling websites that need bold immersive visuals.

## Features

-   Cinematic easing and transitions for a film-like flow
    
-   Unlimited slides — images, text or mixed content
    
-   Autoplay with configurable speed and duration
    
-   Pause on hover for autoplay
    
-   Navigation arrows with color, size, radius and position controls
    
-   Dot and progress-style slide indicators
    
-   Custom background per slide or entire slider
    
-   Full typography controls — fonts, sizes, colors for captions and headlines
    
-   Border and border radius controls
    
-   Smooth scroll effects with scrollbar customization
    
-   Responsive across all screen sizes
    
-   No code needed — all controls in Framer panel
    

## Property Controls

**Slides** — unlimited slides · image, text, mixed content per slide

**Autoplay** — enable/disable · speed · duration · pause on hover

**Navigation** — arrow toggle · color · size · radius · position

**Indicators** — dot or progress style · color controls

**Styling** — slide background · slider background · border · radius

**Typography** — font family · size · color for captions and headlines

## Use Cases

Photography portfolios · Product showcases · Landing pages · Storytelling websites · Creative agency sites · Hero sections · Case study presentations · Brand campaigns

**SEO Keywords**

framer cinematic slider · framer image slider · framer content slider · framer carousel component · framer autoplay slider · framer hero slider · framer premium slider · framer portfolio slider · framer smooth slider · framer slide component · framer image carousel · framer landing page slider · framer navigation slider · framer code component · framer fullscreen slider

Customization:

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ed37zola-law6OojsETm4g9RXdF81kZCm6BEzyD)

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

-   All · #9513

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2025-10-09
- **Updated**: 2026-03-29
- **Added**: 2025-10-04
- **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