Scroll Media Filters
Bring images & video to life on scroll: animate Saturation, Blur, Hue, Brightness, Contrast, plus gentle zoom/scale. Set up in minutes, no code, premium look by default.
Made with Workshop
Build your own component with AI
What it does (key features)
Filters on scroll (the big one): Animate Saturation, Blur, Hue-Rotate, Brightness, Contrast as you scroll.
Framer doesn’t natively animate these filters on scroll - this component does it for you.
Images & video: Drop in a photo or clip (poster, loop, autoplay, mute, controls).
Clean geometry: Elegant scale and rounded corners with tasteful sequencing (no jitter).
Inner Zoom: Zooms the content inside the frame so corners stay perfectly rounded; optional Auto-Zoom.
Quick controls, tons of looks: A few knobs → dozens of visual moods.
Where it shines
Hero sections, case previews, covers, promos, portfolio showcases.
Search tags
scroll filters, image filter, video filter, saturation on scroll, blur on scroll, hue on scroll, brightness, contrast, zoom, scale, border radius, framer component
