Skip to content

component

Scroll Heat

By DariStudio

Details

Summary

Scroll Heat — Scroll-Reveal Text for Framer Your words light up as you scroll.

Description

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.

Introduction

Text that lights up on scroll

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200128858/148/228/309/79/15
  • All · #2117