SVG Scroll Draw — Free React & Next.js Scroll Effects Component

SVG path stroke-draw animation on scroll with feature cards and pinned sections

SVG Scroll Draw is a premium scroll 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/svg-scroll-draw

Category

Scroll Effects — Scroll-driven animations, parallax, and scroll-triggered reveals

Tags

• svg
• scroll
• draw
• animation
• gsap
• stroke

Dependencies

• gsap
• @gsap/react
• lenis