Skip to content

component

Scroll Shine

By DariStudio

Details

Summary

Scroll Shine — Scroll-Reveal Text Light sweeps across your words as you scroll.

Description

Scroll Shine — Scroll-Reveal Text Light sweeps across your words as you scroll. Scroll Shine keeps your paragraph calm and readable, then runs a bright, tinted sheen across it as the section scrolls through the viewport — like light passing over the text. It draws the eye word by word without ever hiding the copy. - No code, ever. Drop it on the canvas, type your copy, done. - Tied to scroll. The sheen's position is linked to how far the section has scrolled — smooth, precise, reversible on scroll-up. - Always readable. The text stays visible the whole time; the highlight just travels. - Fully yours. Text, font (Inter by default), base / peak / shine colors, glow width, and where the sweep starts and ends. - Light and smooth. Character-level color, one rAF-throttled scroll listener. No libraries.

Introduction

A sheen that sweeps on scroll

Rank history

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

11001200122128/148/228/309/79/15
  • All · #2212