Horizontal Loop Scroll — Free React & Next.js Scroll Effects Component

Infinite horizontal text marquee that reacts to scroll speed — scroll faster to speed up the marquee. Powered by GSAP + Observer.

Horizontal Loop Scroll 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/horizontal-loop-scroll

Category

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

Tags

• marquee
• horizontal
• loop
• scroll
• gsap
• observer
• infinite

Dependencies

• gsap