Media Hover Trail

Add a premium interactive image trail effect to your typography with seamless inline expansion, smooth motion physics, and high-performance WebGL rendering.

Features

• Real-time inline text expansion on hover

• Premium WebGL-powered image rendering

• Smooth damped motion physics

• Dynamic image aspect ratio preservation

• Highly optimized Three.js performance

• Responsive resize and layout handling

• Clean layered visual architecture

• Works perfectly for bold typography and portfolios

• Customizable sizing, spacing, and motion feel

Customization Options

• Text content and typography

• Text and background colors

• Image collection array

• Base image size

• Image gap padding

• Corner radius

• Appear and hover duration

• Motion smoothness damping

• Spawn distance gap

• Editor preview toggle

How to Use

• Drop the component onto your Framer canvas

• Type your custom text and style the typography

• Upload your preferred image collection

• Customize image sizing, padding, and corner radius

• Tune the hover time and motion smoothness

• Publish for a premium interactive media reveal effect

Use Cases

• Premium portfolio headers

• Interactive agency websites

• Creative team rosters

• Project showcase links

• Dynamic menu typography

• Photography galleries

• Modern landing pages

• E-commerce category reveals