Scroll Text Reveal

Free

Text that brightens word by word or letter by letter as it scrolls through view: in flow or pinned, against the window or any scroll container, with a fade or blur-to-focus effect and a static fallback for reduced motion.

Category: Text effects
Built with: React, Tailwind, Motion, Radix
Installs: motion@14.1.0 clsx@2.1.1 tailwind-merge@3.6.0 lucide-react@1.31.0 tw-animate-css@1.4.0
Files: scroll-text-reveal.tsx + 2 more, a few lines of CSS

More like this

Annotated Text

Animated Gradient Text