InfinityLoop

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 AnimationText moves endlessly along SVG paths with no visible gaps.

• 8 Unique Shape PathsInfinity, Circle, Oval, Wave, Square, Triangle, Vertical Infinity, Heart.

• Smooth SVG TextPath MotionUses native SVG animation for crisp rendering and excellent performance.

• Gradient TypographyTwo-color animated gradient flowing across the text.

• Glow & Shadow EffectsOptional glow with full color control.

• Speed & Direction ControlFine-tune animation speed and reverse direction instantly.

• Fully Customizable TypographyFont size, weight, letter spacing, repetition count.

• Responsive & ScalableWorks perfectly at any size without distortion.

• No Code RequiredAdjust 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.