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

Text gradually fills with a gradient color as you scroll through it. Powered by GSAP ScrollTrigger.

Text Fill Scroll 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/text-fill-scroll

Category

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

Tags

• text
• fill
• scroll
• gradient
• gsap
• scrolltrigger

Dependencies

• gsap