Paperwave Carousel

Transform standard web layouts into immersive spatial experiences with fluid WebGL motion, organic paper bending physics, and cinematic depth.

Features

• Physics-driven vertical 3D scroll and drag

• High-performance GLSL custom shader rendering

• Seamless mixing of responsive images and videos

• Organic paper curl and adjustable bend radius

• Smooth momentum damping and custom inertia

• Automatic loop and end-stacking animation modes

• Keyboard navigation and accessibility support

• Optimized GPU memory cleanup and static fallbacks

• Responsive layout handling for desktop and mobile

• Fully customizable layout spacing and speeds

Customization Options

• Media item manager (images, videos, posters)

• Desktop and mobile width percentages

• Inter-item gap spacing and start position

• Loop toggle and end-stack layout behavior

• Scroll speed, drag speed, and motion smoothing

• Autoplay toggle and automatic speed control

• Paper curvature bend strength and curl radius

• Upper pivot point adjustments and pixel ratio

• Video playback toggles and custom links

How to Use

• Drag and drop the component onto your Framer canvas

• Add your high-resolution images or videos in the panel

• Adjust width, gap, and start position to fit your section

• Tune the 3D bend and curl radius for your preferred aesthetic

• Publish your project to enjoy fluid interactive scrolling

Use Cases

• High-end creative agency portfolios

• Cinematic product showcases

• Modern editorial image grids

• Interactive lookbooks and galleries

• Immersive landing page storytelling

• Video reel highlights and showcases

• Minimalist dark mode showcases

• Interactive digital portfolios