component
Text Scroll Loop
By Jason Eliphalet
Details
- Jason EliphaletAuthor
- componentType
- $10.00Price
- 2026-05-06Published
- 2026-05-06Updated
- 2026-04-20Added
- TextCategories
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.
- All · #7137