SVG Mask Blinds Transition — Free Webflow Component

A fullscreen scroll-driven image transition using SVG masks and horizontal blinds. As you scroll, the next image is revealed through a sequence of strips that open from the center — top and bottom simultaneously. Built with GSAP ScrollTrigger and Lenis for smooth scroll. Includes animated text transitions with clip-path mask reveal, and a scroll progress bar. What's included: — SVG mask blinds reveal on scroll — Smooth scroll with Lenis — Clip-path text animations synced to scroll — Progress bar with per-section fill — Fully configurable blind count and easing — Zero Webflow interactions — pure JS