---
title: "Text Scroll Loop — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Jason Eliphalet · Text. The Text Scroll Loop is a premium Framer component designed for creators who want to break away from linear layouts."
canonical: "https://framer.elliotli.dev/component/text-scroll-loop"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Text Scroll Loop

# Text Scroll Loop

Here is a professional, high-conversion

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

![Text Scroll Loop preview image 1](https://framer.elliotli.dev/og/component/text-scroll-loop/50e979e9fefcdfb5/1600x1200.jpg)

## Summary

The Text Scroll Loop is a premium Framer component designed for creators who want to break away from linear layouts.

## Description

The **Text Scroll Loop** is a premium Framer component designed for creators who want to break away from linear layouts. Perfect for fashion lookbooks, creative portfolios, or brand manifestos, this component creates a "fanning" effect where text elements rotate dynamically around a central axis.

### Key Features

-   **Physics-Based Interaction:** Silky smooth "dragging" and "scrolling" interactions powered by high-performance linear interpolation (LERP).
    
-   **360° Customization:** Total control over the circle radius, text spacing, and offset to create anything from tight clusters to expansive, airy displays.
    
-   **Fully Adaptive:** Easily tweak font styles, colors, and alignments directly from the Framer property panel.
    
-   **Infinite Loop:** Optimized to repeat your item list seamlessly, ensuring the gallery never hits a "dead end."
    
-   **Hyper-Linked Items:** Every text element supports custom links, making it a functional navigation menu as well as a visual centerpiece.
    

### How to Use

1.  **Drag & Drop:** Place the component onto your canvas.
    
2.  **Add Content:** Input your text items and optional "ID" tags (perfect for numbering collections).
    
3.  **Style:** Use the Property Controls to adjust the speed, rotation angle, and circle size.
    
4.  **Publish:** Your gallery is automatically optimized for touch and desktop interactions.
    

### Technical Specs

-   **Performance Optimized:** Uses requestAnimationFrame and will-change hardware acceleration for 60fps performance on most devices.
    
-   **Responsive:** Scales perfectly across Desktop, Tablet, and Mobile breakpoints.
    
-   **Lightweight:** Zero external dependencies beyond React.
    

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

-   All · #10487

## Details

- **Author**: Jason Eliphalet
- **Price**: $10.00
- **Published**: 2026-05-06
- **Updated**: 2026-05-06
- **Added**: 2026-04-20
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos