Animated Curved Loop

Animated Curved Loop Text is a dynamic SVG-based text marquee designed to bring motion and personality to modern interfaces. It continuously loops text along a configurable curved or straight path, creating an eye-catching visual ideal for hero sections, banners, and creative highlights.

The component offers fine-grained control over speed, direction, curve intensity, font styling, text color, and background color, making it easy to match any brand aesthetic. Built-in drag interaction allows users to manually scroll the text and dynamically influence its direction, adding a tactile, interactive feel.

A pause toggle ensures precise control during animations, while smart text measurement guarantees seamless looping without visible jumps. Fully responsive and performance-optimized, Curved Loop Text works perfectly across landing pages, portfolios, experimental layouts, and editorial designs making it a versatile tool for expressive motion typography in Framer projects.