Smooth Scroll Blur · Soft 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.
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.
