3D Scroll Images

Rotating Scroll Gallery Component

An advanced, high-performance Framer code component recreating the interactive "Rotating On-Scroll Animations" effect. It features multiple 3D perspective scroll variations, per-item image management, customizable marquee text strips with precise color blending, and responsive layout styling. 5 Unique Animation Variations: Sine Drift: Smooth sinusoidal 3D multi-axis rotation and depth scaling. Deep Flip: Pronounced 3D flips and depth displacement. Slide & Fade: Clean vertical-axis rotation with dynamic saturation and brightness filters. Velocity Blur: Motion-reactive directional blur driven by scroll speed. Hold & Squash: Center-paused squash-and-stretch perspective transitions. Dynamic Text-to-Image Blending: Implements native CSS mix-blend-mode: difference paired with tuned typography color configurations ( rgb(190,175,110) in default themes) to achieve precise color inversion and visual integration over overlapping images, exactly matching professional design layouts. Customizable Marquee Header: Sticky, infinitely translating banner text with user-definable content strings, speeds, font styles, and sizing. Auto Theme System: Built-in design presets per variation that automatically handle background tones, item aspect ratios, sizing, and blend setups with an option for manual overrides.

Rotating Scroll Gallery Component