Block Reveal Text — Free React & Next.js Text Animations Component

Text reveal animation with a sliding colored block overlay effect using GSAP SplitText

Block Reveal 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/block-reveal-text

Category

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

Tags

• text
• reveal
• block
• animation
• gsap
• splittext

Dependencies

• gsap
• @gsap/react