Skip to content

component

Text Trail

By DariStudio

Details

Summary

Text Trail turns a simple phrase into a flexible interactive ribbon that follows the cursor, bends naturally and forms smooth loops across the screen.

Description

Text Trail Text Trail turns a simple phrase into a flexible interactive ribbon that follows the cursor, bends naturally and forms smooth loops across the screen. Perfect for creative portfolios, agency websites, landing pages, experimental typography, hero sections and playful interactive layouts. Key features Cursor-following motion The ribbon follows the visitor’s cursor with smooth, physics-based movement. Each part of the trail reacts with its own delay, creating a soft and organic flow. Text along a dynamic path Your text automatically follows every curve and loop while remaining connected to the animated trail. Custom highlight Add a bold colored highlight behind the text and adjust its color, thickness or remove it completely. Flexible motion controls Control the following speed, trail stiffness, friction, curve smoothness and total trail length to create anything from a calm floating ribbon to a fast elastic effect. Full typography control Change the text, font, size, weight, spacing and color directly from the Framer properties panel. Responsive and canvas-ready The component automatically adapts to its frame and remains visible directly on the Framer Canvas before publishing.

Introduction

Flexible text that follows you

Rank history

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

110012001300135048/258/309/49/99/15
  • All · #3504