---
title: "Scatter Exit — Framer component · Best of Framer"
description: "$4.00 · Framer component · by DariStudio · Text. Scatter Exit is a scroll-based typography component that makes text break apart as the user moves through the page."
canonical: "https://framer.elliotli.dev/component/scatter-exit"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Scatter Exit

# Scatter Exit

Text that breaks apart on scroll

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

![Scatter Exit preview image 1](https://framer.elliotli.dev/og/component/scatter-exit/c8632e346187b42b/1600x1200.jpg)

## Summary

Scatter Exit is a scroll-based typography component that makes text break apart as the user moves through the page.

## Description

**Scatter Exit is a scroll-based typography component that makes text break apart as the user moves through the page.**

The sentence stays calm at first, then each word scatters, rotates, blurs, and fades away with a clean editorial motion. It is perfect for hero sections, storytelling blocks, portfolio pages, creative websites, launch pages, and experimental layouts.

The component is built for Framer with customizable text, font, color, alignment, scatter distance, rotation, blur, fade, hold timing, and scroll length.

**Features:**

-   Scroll-based scatter animation
    
-   Word-by-word motion
    
-   Custom text and typography
    
-   Adjustable scatter distance
    
-   Rotation, blur, and fade controls
    
-   Hold delay before animation starts
    
-   Transparent background
    
-   Static renderer support for Framer Canvas and export
    
-   Clean premium look without particles or visual noise
    

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

-   All · #8457

## Details

- **Author**: DariStudio
- **Price**: $4.00
- **Published**: 2026-07-08
- **Updated**: 2026-07-08
- **Added**: 2026-07-08
- **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