InfinityLoop

Animated gradient text flowing endlessly

Infinity Loop Text is a premium Framer component that lets you animate text seamlessly along elegant SVG paths such as infinity loops, circles, waves, hearts, and more. Designed for designers, creators, and studios, this component transforms static typography into a dynamic visual element—perfect for hero sections, landing pages, branding, and creative storytelling. No external libraries. No performance overhead. Just smooth, infinite motion. 🔹 What this component is used for Hero section animated typography Creative landing pages AI / SaaS / startup branding Portfolio highlights Logo-style animated text Section separators with motion Visual storytelling & emphasis ✨ Key Features ∞ True Infinite Loop Animation Text moves endlessly along SVG paths with no visible gaps. 8 Unique Shape Paths Infinity, Circle, Oval, Wave, Square, Triangle, Vertical Infinity, Heart. Smooth SVG TextPath Motion Uses native SVG animation for crisp rendering and excellent performance. Gradient Typography Two-color animated gradient flowing across the text. Glow & Shadow Effects Optional glow with full color control. Speed & Direction Control Fine-tune animation speed and reverse direction instantly. Fully Customizable Typography Font size, weight, letter spacing, repetition count. Responsive & Scalable Works perfectly at any size without distortion. No Code Required Adjust everything visually from Framer’s property panel. 🌟 Why this component stands out Premium motion without heavy animation libraries Clean SVG approach (fast + sharp) Works on all modern browsers Designer-friendly controls Perfect balance of creativity and performance 🔄 Refund Policy Due to the digital nature of this component, refunds are not available after purchase .Please review the demo and preview carefully before buying. If you face any technical issues, feel free to reach out for support.

Animated gradient text flowing endlessly