Skip to content

component

Text Scroll Loop

By Jason Eliphalet

Details

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 Drag & Drop: Place the component onto your canvas. Add Content: Input your text items and optional "ID" tags (perfect for numbering collections). Style: Use the Property Controls to adjust the speed, rotation angle, and circle size. 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.

Introduction

Here is a professional, high-conversion

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600174438/148/228/309/79/15
  • All · #7137