Just shipped SVG Scroll Mask — a free Framer component for creating scroll-driven reveals with your own SVGs.
Upload any SVG, add an image or video, and turn it into an immersive masked scroll interaction. You can precisely control the mask size, position, scroll range, easing, sticky behavior, media focus, and subtle zoom or parallax effects.
Videos automatically pause when they leave the viewport, and reduced-motion preferences are supported.
Perfect for portfolios, case studies, product launches, cinematic hero sections, and visual storytelling.
Free to use — I’d love to see what you create with it.
