Cinematic 3D Scroll

Add a premium, infinite 3D vertical scrolling gallery to your Framer site with cinematic momentum physics, dynamic WebGL scaling, and seamless mixed media support.

Features

• Infinite vertical scrolling loop

• Premium WebGL 3D rendering

• Smooth momentum-based scroll physics

• Dynamic aspect ratio morphing

• Mixed media support (Images & Video)

• Optimized texture caching for performance

• Responsive dynamic resizing

• Interactive drag and scroll sensitivity

• High-performance static renderer fallback

• Clean integration for premium websites

Customization Options

• Active and inactive row heights

• Active and inactive image dimensions

• Inner padding and spacing

• Background and divider line colors

• Header typography and text colors

• Image placeholder color

• Scroll and drag sensitivity

• Motion smoothness (lerp factor)

• Video and image content per item

How to Use

• Drop the component onto your Framer canvas

• Upload your images and video files into the Items folder

• Set your desired layout heights and active dimensions

• Tune the scroll sensitivity and motion smoothness

• Publish for a premium, cinematic scrolling experience

Use Cases

• Premium design portfolios

• Cinematic video galleries

• High-end SaaS landing pages

• Fashion and lifestyle lookbooks

• Photography showcases

• Interactive case study lists

• Digital product displays

• Creative agency websites