component
Smooth Scroll Blur
By Michael Slotta
Details
- Michael SlottaAuthor
- componentType
- 2026-06-05Published
- 2026-06-05Updated
- 2026-06-03Added
- InteractiveCategories
Summary
Soft scroll blur
Description
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.
Introduction
Soft scroll blur
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #209