CineStrip Slider

CineStrip Slider

About CineStrip Slider

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