Scroll Media Filters

Animate the filters on scroll

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