Scroll Heat

Scroll Heat
Scroll Heat

About Scroll Heat

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.

From DariStudio

Kinetic Footnotes
Nervous Type
Slice Type
Scroll Shine

Related Components

Kinetic Text Slider
Text Reveal Lens
Scroll text reveal
Runaround Text Wrap