---
title: "InfinityLoop — Framer component · Best of Framer"
description: "$3.00 · Framer component · by ANIMESH MONDAL · Text. Animated gradient text flowing endlessly"
canonical: "https://framer.elliotli.dev/component/infinityloop"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/InfinityLoop

# InfinityLoop

Animated gradient text flowing endlessly

[View on Framer](https://framer.com/marketplace/components/infinityloop/?via=elliot-li)

![InfinityLoop preview image 1](https://framer.elliotli.dev/og/component/infinityloop/ce5c042134192eea/1600x1200.jpg)

## Summary

Animated gradient text flowing endlessly

## Description

**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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8869

## Details

- **Author**: ANIMESH MONDAL
- **Price**: $3.00
- **Published**: 2026-02-25
- **Updated**: 2026-04-06
- **Added**: 2026-01-29
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing