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.
Hero section animated typography
Creative landing pages
AI / SaaS / startup branding
Portfolio highlights
Logo-style animated text
Section separators with motion
Visual storytelling & emphasis
∞ 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.
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
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.
ANIMESH MONDAL
