Word Underline — Free React & Next.js Hover Effects Component

Random hand-drawn SVG underline that draws on hover. Each hover picks a new unique underline variant. Powered by GSAP DrawSVGPlugin.

Word Underline is a premium hover effects 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/word-underline

Category

Hover Effects — Interactive hover animations, cursor effects, and mouse-driven interactions

Tags

• text
• underline
• svg
• draw
• hover
• gsap
• hand-drawn

Dependencies

• gsap