Smooth Scroll Blur

Show Preview
Smooth Scroll Blur
Smooth Scroll Blur

About Smooth Scroll Blur

Scroll Blur Essential

The free version of Scroll Blur. A soft, progressive blur that fades in as visitors scroll and gently melts away when they stop — drop it onto any Framer page for instant depth and polish. No code.

What it does

- Fades in on scroll, melts away at rest — never static, never in the way.

- Seam-free progressive blur for that clean, frosted, layered look.

- Drop in and go — pin it full-width to the top or bottom, then publish.

What's included (free)

- Direction — anchor the blur to the bottom or top edge.

- Blur strength, tint, and fade timing come tuned to a sensible default.

Want full control?

Upgrade to Scroll Blur (the full version) to unlock:

- Blur — dial the strength from subtle to heavy

- Tint — an optional color wash that fades with the blur

- Fade In / Fade Out — spring/tween pickers to tune the motion

Get the full version here.

Perfect for landing pages, hero sections, image galleries, and sticky headers or footers.

From Michael Slotta

Add to Your Calendar
Radar Pulse Ping
Card Fan
Interactive BarChart

Related Components

Sticker Board Lite
Swipeable CMS Slider
FlowArc
Pixel Mask Pro