Line Wobble — Free React & Next.js Hover Effects Component

SVG elastic wobble line that follows your mouse with spring-physics snap-back animation. Zero dependencies.

Line Wobble is a free hover effects component for React and Next.js applications. Built with Tailwind CSS. Copy-paste ready. Part of the ValvetUI component library.

Installation

Install with CLI: npx shadcn add @valvetui/line-wobble

Category

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

Tags

• svg
• line
• wobble
• elastic
• spring
• mouse
• interactive