Text Reveal On Scroll
Words brighten from dim to bright as you scroll through a passage.
Design principles
Webelievesoftwareshouldfeelcalm.Everyinteractionearnsitsmotion,everysurfaceholdsitslight,andnothingmoveswithoutareason.Thatisthebarwebuildtoward.
Scroll to lock each line in place.
Usage: paste this file into your project (e.g.
components/text-reveal-scroll.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.