CineSlider

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: