Scroll Heat — Scroll-Reveal Text for Framer
Your words light up as you scroll.
Scroll Heat turns a plain paragraph into a moment. As the section moves through
the viewport, a warm "heat" front runs across the copy — lighting each
character, leaving fully-lit words behind and dimmed words ahead. It reads the
paragraph for the visitor, one degree at a time.
Why you'll love it
- No code, ever. Drop it on the canvas, type your copy, done.
- Tied to scroll. The reveal is linked to how far the section has scrolled through the screen — smooth, precise, reversible on scroll-up.
- Fully yours. Text, font (Inter by default), lit / unlit / heat colors, heat-front width, and where in the viewport the reveal starts and ends.
- Canvas-safe. useIsStaticRenderer shows a clean static frame in the editor/exports — and you can dial how much it shows.
- Light and smooth. Character-level animation, one rAF-throttled scroll listener. No libraries, no images.
Scroll Heat — Scroll-Reveal Text for Framer
Your words light up as you scroll.
Scroll Heat turns a plain paragraph into a moment. As the section moves through
the viewport, a warm "heat" front runs across the copy — lighting each
character, leaving fully-lit words behind and dimmed words ahead. It reads the
paragraph for the visitor, one degree at a time.
Why you'll love it
- No code, ever. Drop it on the canvas, type your copy, done.
- Tied to scroll. The reveal is linked to how far the section has scrolled through the screen — smooth, precise, reversible on scroll-up.
- Fully yours. Text, font (Inter by default), lit / unlit / heat colors, heat-front width, and where in the viewport the reveal starts and ends.
- Canvas-safe. useIsStaticRenderer shows a clean static frame in the editor/exports — and you can dial how much it shows.
- Light and smooth. Character-level animation, one rAF-throttled scroll listener. No libraries, no images.
