Typography that comes apart as you scroll — and puts itself back together.
Parting Words turns a paragraph into scroll-reactive typography. As each line passes a set height on screen it lifts away: letters rise, part outward from the centre, and fade out exactly as they come to rest. Scroll back and the lines return, cascading one after another and fading back in.
Why it stays readable
Most scatter effects throw letters to random positions, which turns words into noise. This one expands every letter in proportion to its distance from the centre, so characters can never overtake one another. Each letter keeps its side and its order, and words separate as whole blocks instead of scrambling — your copy stays legible far deeper into the animation.
Whole visual lines animate as a single unit, so you never see a half-dissolved word or an opacity sweep crawling across the text. Lines that wrap are handled exactly like lines you typed.
What's included
· The code component, delivered as a Framer component link · 25 property controls — no code editing required · Full documentation covering every setting
Features
· Breaks apart scrolling down, rebuilds scrolling back up · Order-preserving spread — words part, letters never scramble · Letters travel upward only, away from text still being read · Whole-line animation, including wrapped lines · Type scales from the container width, so it works inside narrow columns too · Accessible: the real text stays exposed to screen readers, and reduced-motion visitors see it fully assembled · Canvas Preview slider so you can style it without scrolling · Single file, no dependencies, no external requests
Requirements
A Framer project on any paid plan (code components aren't available on the free plan). Works on any page — no sticky wrapper, no fixed heights, no tall parent container required.
