Lens Warp Reveal

About this Component Lens Warp Reveal is an immersive WebGL image transition component for Framer that transforms one image into the next through an expanding lens effect.

About this Component Lens Warp Reveal is an immersive WebGL image transition component for Framer that transforms one image into the next through an expanding lens effect. Built for scroll-driven experiences, it combines smooth reveals with a responsive magnifying warp for a fluid, cinematic feel. Perfect For • Portfolio and case study pages • Editorial and storytelling layouts • Product showcases • Fashion and photography websites • Scroll-driven landing pages • Immersive visual experiences Key Features • Upload up to 8 responsive images • Dynamic trigger controls based on uploaded images • Section Name, Scroll Progress, and Manual trigger modes • Adjustable viewport trigger position • Optional click-to-advance interaction • Custom transition duration • Adjustable bubble size and lens focus • Distortion strength and vertical stretch controls • Responsive image cover behavior • WebGL pixel-density control • Static renderer support for Framer Canvas and Marketplace previews • Optimized offscreen rendering • No external packages required How It Works Add your images, choose a trigger mode, and customize the warp effect directly from the Property Controls. With Section Names, each transition can connect to a named Framer section or scroll section. Scroll Progress distributes image changes across the surrounding scroll area, while Manual mode works with Click Advance. For scroll-driven layouts, place the component inside a sticky frame within a taller scrolling section. Questions? Reach out at hasanwali6890@gmail.com Refund Policy All sales are final. Refunds are only available for a confirmed critical technical failure that prevents the component’s core functionality and cannot be reasonably resolved. Issues must be reported with supporting evidence within 14 days of purchase. Refunds are not provided for buyer’s remorse, aesthetic preferences, or modification/customization requests.

WebGL image transitions on scroll