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
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
