Twist Scroll Gallery

Twist Scroll Gallery is an interactive 3D image gallery for Framer that transforms the scrolling experience with dynamic twisting effects and fluid image transitions. Images enter from the bottom with a pinched, distorted shape and gradually unfold into clean, flat tiles as visitors scroll through the gallery.

Powered by Three.js, the gallery features staggered image arrangements, smooth animations, and depth-driven transformations that create a distinctive visual experience.

Visitors can navigate through the gallery using mouse wheel, trackpad, drag, or touch gestures. Choose between inside scroll and page scroll modes to control how the gallery responds to user interaction.

Customize image collections, tile sizes, row spacing, twist intensity, animation smoothing, scroll sensitivity, and more to create a gallery that fits your website's visual style.

Key Features

• Interactive 3D twisting effects

• Smooth scroll-driven animations

• Staggered image arrangements

• Dynamic image distortion and unfolding

• Mouse wheel and trackpad support

• Drag and touch navigation

• Inside and page scroll modes

• Customizable image sizes and spacing

• Adjustable twist and shrink effects

• Smooth animation controls

• Optional scroll progress indicator

• Customizable scroll hint

Best Use Cases

• Creative portfolio websites

• Photography portfolios

• Agency websites

• Art and design showcases

• Fashion and editorial websites

• Creative studio landing pages