Text Trail

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.