Built with Webflow
Download Free Webflow Component: SVG Mask Scrolling Effects
Richard Segura
Just published a free Webflow component — a fullscreen scroll-driven image transition using SVG masks and horizontal blinds.
As you scroll, each image reveals itself through strips that open simultaneously from the center. Built with GSAP ScrollTrigger and Lenis. Includes clip-path text animations and a scroll progress bar. Zero Webflow interactions, pure JS.
Free to use in any Webflow project.
webflow.com/made-in-webflow/website/hero-blinds
Like this project
Posted May 29, 2026
Just published a free Webflow component — a fullscreen scroll-driven image transition using SVG masks and horizontal blinds. As you scroll, each image reveal...
Likes
0
Views
1
