Download Free Webflow Component: SVG Mask Scrolling Effects by Richard SeguraDownload Free Webflow Component: SVG Mask Scrolling Effects by Richard Segura
Built with Webflow

Download Free Webflow Component: SVG Mask Scrolling Effects

Portfolio project
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

0 likes · 14 views · 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...

Tags