Seamless 3D Gallery

Build a highly engaging, infinite 3D scrolling gallery with physical elastic bending, sleek vacuum curvature, and cinematic chromatic aberration for premium Framer sites.

Features

• Real-time 3D WebGL vacuum curvature

• Smooth momentum-based scrolling physics

• Kinetic elastic bending on scroll velocity

• Cinematic chromatic aberration effects

• Interactive mouse and parallax tilt tracking

• Infinite auto-scroll with directional controls

• Highly optimized static renderer fallbacks

• SDF antialiased rounded borders

• Responsive grid calculation and resizing

• Customizable gaps, stagger, and edge fades

Customization Options

• Column and row spacing

• Card width and height

• 3D vacuum curvature depth

• Scroll velocity bending intensity

• Chromatic aberration amount

• Border radius, width, and color

• Auto-scroll speed and direction

• Parallax mouse tilt intensity

How to Use

• Drop the component onto your Framer canvas

• Upload your images into the array control

• Adjust the columns, gaps, and card sizes to fit your layout

• Tune the vacuum curvature and kinetic bend to match your brand vibe

• Set your preferred auto-scroll speed and direction

• Publish for a premium, highly interactive 3D media experience

Use Cases

• Premium portfolio showcases

• Immersive photography galleries

• High-end fashion lookbooks

• Interactive digital product displays

• Cinematic landing page hero sections

• Creative agency case studies

• NFT and digital asset collections

• Modern SaaS feature grids