---
title: "StickyLetterScatter — Framer component · Best of Framer"
description: "$30.00 · Framer component · by Avesh Mishra · Text. Experience the Art of the Scroll Elevate your digital storytelling with the Cinematic 3D Letter Scatter component."
canonical: "https://framer.elliotli.dev/component/stickyletterscatter"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/StickyLetterScatter

# StickyLetterScatter

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

![StickyLetterScatter preview image 1](https://framer.elliotli.dev/og/component/stickyletterscatter/70f2b4478e16e981/1600x1200.jpg)

## Summary

Experience the Art of the Scroll Elevate your digital storytelling with the Cinematic 3D Letter Scatter component.

## Description

### Experience the Art of the Scroll

Elevate your digital storytelling with the **Cinematic 3D Letter Scatter** component. Designed for creators who want to make a lasting first impression, this component transforms standard text into a living, breathing 3D environment. As users scroll, individual characters fly through 3D space, emerging from a cinematic blur to form perfectly aligned, readable headlines.

### Key Features

-   **Fluid 3D Interpolation:** Characters move across the X, Y, and Z axes, creating a deep "fly-through" effect that reacts instantly to scroll direction.
    
-   **Cinematic Depth of Field:** Integrated dynamic Gaussian blur that softens "distant" letters and sharpens them as they converge, mimicking high-end cinematography.
    
-   **Fully Customizable:** Control everything from the Framer sidebar—change fonts (Google & Project fonts), adjust scatter intensity, modify image scaling, and tweak colors.
    
-   **Responsive & Smooth:** Features built-in momentum physics to eliminate "scroll hitching," ensuring a premium feel across all breakpoints.
    

### Perfect For

-   **Creative Directors & Developers:** Showcasing a blend of technical skill and design aesthetic.
    
-   **Luxury Portfolios:** Creating a sophisticated, "quiet luxury" entrance for high-end photography or design work.
    
-   **Landing Pages:** Engaging users immediately with an interactive hero section that rewards exploration.
    

### How to Use

1.  Drop the component onto your canvas.
    
2.  Upload your portrait image and set your background color to match.
    
3.  Use the **Font Picker** to select your brand’s typography.
    
4.  Adjust the **Scroll Depth** to control how long the animation lasts.
    

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

-   All · #5722

## Details

- **Author**: Avesh Mishra
- **Price**: $30.00
- **Published**: 2026-01-14
- **Updated**: 2026-01-14
- **Added**: 2025-12-17
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing