Scroll Highlight Text — Free React & Next.js Text Animations Component

Scroll-driven character color animation — text lights up with an accent color then transitions to final color as you scroll

Scroll Highlight Text is a premium text animations component for React and Next.js applications. Built with Tailwind CSS, GSAP animations. Copy-paste ready. Part of the ValvetUI component library.

Installation

Install with CLI: npx shadcn add @valvetui/scroll-highlight-text

Category

Text Animations — Text reveal, fill, and character-level animation effects

Tags

• text
• copy
• scroll
• color
• gsap
• splittext
• animation

Dependencies

• gsap
• @gsap/react