---
title: "CineStrip Slider — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Aman Qureshi · Carousels. CineStrip Slider turns your images into a full-viewport, cinematic slideshow with layered parallax motion and a glass filmstrip…"
canonical: "https://framer.elliotli.dev/component/cinestrip-slider"
---

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

# CineStrip Slider

A cinematic parallax slider

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

![CineStrip Slider preview image 1](https://framer.elliotli.dev/og/component/cinestrip-slider/b816cf9e90fe9fb9/1600x792.jpg)

## Summary

CineStrip Slider turns your images into a full-viewport, cinematic slideshow with layered parallax motion and a glass filmstrip dock that always keeps the active slide in view.

## Description

**CineStrip** Slider turns your images into a full-viewport, cinematic slideshow with layered parallax motion and a glass filmstrip dock that always keeps the active slide in view.

Add images one by one in the Property Panel — a new slot appears as you fill each one, up to 20 slides. No code, no setup headaches: drop it on the canvas, add images, publish.

### WHY IT FEELS PREMIUM

The dock auto-scrolls to center the active thumbnail, so even large galleries navigate effortlessly. Slides move with a subtle parallax depth effect, driven by four hand-picked easing curves — including the silky in-out favored by award-winning portfolio sites.

### FEATURES

• Up to 20 images with parallax slide transitions

• Auto-scrolling glass dock with rounded thumbnails and an active ring

• Smart navigation: click any thumbnail and distant slides animate as one clean step — no filmstrip flying past

• 4 curated easing curves + adjustable duration (0.3–2s)

• Per-breakpoint thumbnail sizes for desktop, tablet, and phone

• Thumbnail ratio and corner radius controls to match your brand

• Height modes: fill the frame, viewport-based (VH), or fixed pixels

• Keyboard navigation (arrow keys) and accessible labels

• Optimized for the canvas: fully static on the editor and in exports

• Zero dependencies — one lightweight code component

### GREAT FOR

Photography portfolios, interior design and architecture showcases, real estate listings, product galleries, and hero sections that need to make a first impression.

### SETUP

1\. Add Filmstrip Slider to your page

2\. Fill the Image slots in the Property Panel

3\. Tune the ease, duration, and dock style

4\. Publish

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

-   All · #7131

## Details

- **Author**: Aman Qureshi
- **Price**: $4.00
- **Published**: 2026-07-14
- **Updated**: 2026-08-22
- **Added**: 2026-07-14
- **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