---
title: "Smooth Scroll Blur — Free Framer component · Best of Framer"
description: "Free Framer component · by Michael Slotta · Interactive. Soft scroll blur"
canonical: "https://framer.elliotli.dev/component/smooth-scroll-blur"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Smooth Scroll Blur

# Smooth Scroll Blur

Soft scroll blur

[View on Framer](https://framer.com/marketplace/components/smooth-scroll-blur/?via=elliot-li)

![Smooth Scroll Blur preview image 1](https://framer.elliotli.dev/og/component/smooth-scroll-blur/c2dafd0d3c47500f/1600x1200.jpg)

## 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](https://buy.polar.sh/polar_cl_7CwEW1iCPM4xJVpmRbzgcZkgUnbbNd14Zc2Gl4VIj2M).

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #308

## Details

- **Author**: Michael Slotta
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-06-03
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step